/*
Theme Name: Kakadong
Theme URI: https://kakadong.com.tw
Author: Kakadong Studio
Description: A performance-focused block theme for Kakadong Studio.
Version: 0.16.3
Requires at least: 6.8
Requires PHP: 8.2
Text Domain: kakadong
*/

:root{
  /* ---- ink & neutrals ---- */
  --ink:#14213A;          /* headings */
  --slate:#3F4B61;        /* body */
  --slate-soft:#566074;   /* muted — darkened for readability */
  --line:#E6EAF1;         /* hairline */
  --line-soft:#EEF1F6;
  --bg:#FFFFFF;
  --bg-soft:#F4F6FB;      /* alternating section */
  --bg-softer:#F8FAFD;
  --panel:#E8EFFB;        /* soft brand-blue band — cleaner contrast vs white */
  --panel-line:#D6E2F6;

  /* ---- refined cobalt blue ---- */
  --blue:#2A5CD7;
  --blue-ink:#1E45AE;
  --blue-bright:#5C8AF0;  /* on-dark accent */
  --blue-tint:#EAF1FD;
  --blue-faint:#F3F7FE;

  /* ---- dark sections ---- */
  --navy:#0E1A30;
  --navy-2:#13223D;

  /* ---- signal (brand red) & support ---- */
  --signal:#D8423B;
  --signal-ink:#B7332C;
  --signal-tint:#FCEDEB;
  --green:#1F9D57;
  --green-ink:#157345;
  --green-tint:#E7F5EC;
  --amber:#E8A13B;
  --amber-ink:#9A6614;
  --amber-tint:#FCF3E3;

  --maxw:1180px;
  --r-card:14px;
  --r-tile:11px;
  --sh-sm:0 1px 2px rgba(16,24,40,.05);
  --sh-card:0 1px 2px rgba(16,24,40,.04), 0 14px 30px -16px rgba(16,24,40,.14);
  --sh-pop:0 8px 24px -6px rgba(16,24,40,.16), 0 2px 6px rgba(16,24,40,.06);

  --sans:"Noto Sans TC", system-ui, -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;
  --num:"Inter", system-ui, sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  background:var(--bg);
  color:var(--slate);
  line-height:1.75;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{color:var(--ink);line-height:1.32;font-weight:900;letter-spacing:-.01em}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue-ink)}
ul{list-style:none}
img{max-width:100%;display:block}
strong{font-weight:700;color:var(--ink)}
.num{font-family:var(--num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}
a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
section{padding:104px 0}
.bg-soft{background:var(--panel);border-top:1px solid var(--panel-line);border-bottom:1px solid var(--panel-line)}

/* ---------- shared section head ---------- */
.eyebrow{
  font-family:var(--num);font-size:12.5px;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:var(--blue);
}
.sec-head{max-width:660px;margin:0 auto 60px;text-align:center}
.sec-head .eyebrow{display:block;margin-bottom:16px}
.sec-head h2{font-size:clamp(27px,3.2vw,35px);margin-bottom:16px}
.sec-head p{color:var(--slate-soft);font-size:16.5px}

/* =========================================================
   PILL SYSTEM
   ========================================================= */
.pill{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  font-size:13px;font-weight:500;line-height:1;
  padding:7px 13px;border-radius:999px;
  border:1px solid var(--line);background:#fff;color:var(--slate);
}
.pill .dot{width:7px;height:7px;border-radius:50%;flex:none}
.pill .ic{width:14px;height:14px;flex:none}
.pill--badge{background:var(--blue-faint);border-color:rgba(42,92,215,.18);color:var(--blue-ink);font-weight:700}
.pill--badge .dot{background:var(--green);position:relative}
.pill--badge .dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--green);opacity:.35;animation:ping 2s ease-out infinite}
.pill--symptom{border-color:#F0D5D2;color:var(--signal-ink);background:#fff;font-weight:500}
.pill--symptom .bang{
  width:15px;height:15px;border-radius:50%;background:var(--signal-tint);color:var(--signal);
  display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;font-family:var(--num);flex:none;
}
.pill--ok{background:var(--green-tint);border-color:rgba(31,157,87,.2);color:#157345;font-weight:700;font-size:12.5px}
.pill--ok .dot{background:var(--green)}
.pill--alert{background:var(--signal-tint);border-color:rgba(216,66,59,.22);color:var(--signal-ink);font-weight:700;font-size:12.5px}
.pill--alert .dot{background:var(--signal)}
.pill--cat{background:var(--blue-tint);border-color:transparent;color:var(--blue-ink);font-weight:700;font-size:12px;letter-spacing:.02em}
.pill--ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#CBD6E6}
@keyframes ping{0%{transform:scale(1);opacity:.4}80%,100%{transform:scale(2.6);opacity:0}}

/* =========================================================
   BUTTONS
   ========================================================= */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--sans);font-weight:700;font-size:15px;line-height:1;
  padding:14px 24px;border-radius:10px;cursor:pointer;
  border:1.5px solid transparent;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;
  white-space:nowrap;
}
.btn svg{width:18px;height:18px;flex:none}
.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 6px 16px -8px rgba(42,92,215,.7)}
.btn-primary:hover{background:var(--blue-ink);border-color:var(--blue-ink);color:#fff;transform:translateY(-1px)}
.btn-outline{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55);color:#fff}
.btn-signal{background:var(--signal);color:#fff;border-color:var(--signal);box-shadow:0 6px 16px -8px rgba(216,66,59,.7)}
.btn-signal:hover{background:var(--signal-ink);border-color:var(--signal-ink);color:#fff;transform:translateY(-1px)}
.btn-lg{padding:16px 28px;font-size:16px}

/* =========================================================
   NAV  (dark)
   ========================================================= */
/*
 * The header template part is wrapped in a div exactly as tall as the
 * header itself, which gives position:sticky zero room to travel. Take
 * only that wrapper (always the first template part on the front end)
 * out of the layout so the header sticks against the full page.
 */
.wp-site-blocks > .wp-block-template-part:first-child{display:contents}
header.nav{position:sticky;top:0;z-index:60;background:rgba(13,23,42,.92);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid rgba(255,255,255,.07)}
body.admin-bar header.nav{top:32px}
.nav-inner{display:flex;align-items:center;gap:36px;height:72px}
/* translateY: optical nudge so the logo artwork lines up with the nav text
   baseline (the 26px logo and 15px nav text are centre-aligned, which leaves
   the taller logo sitting a few px lower than the nav text). */
.logo{display:flex;align-items:center;flex:none;transform:translateY(-2px)}
.logo img{height:26px;width:auto;display:block}
.nav-primary{display:flex}
.nav-links{display:flex;gap:30px;margin:0 0 0 6px;padding:0;list-style:none;align-items:center}
.nav-links>li{position:relative}
.nav-links a{display:inline-block;color:#C4CEDD;font-weight:500;font-size:15px}
.nav-links a:hover{color:#fff}
.nav-links .current-menu-item>a,.nav-links .current-menu-ancestor>a,.nav-links .current-menu-parent>a,.nav-links .current_page_item>a,.nav-links .current_page_parent>a,.nav-links .current_page_ancestor>a{color:#fff}
.nav-links .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.65}
.nav-links .sub-menu{position:absolute;top:calc(100% + 12px);left:-14px;min-width:218px;margin:0;padding:8px;list-style:none;display:flex;flex-direction:column;gap:2px;background:rgba(13,23,42,.98);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 18px 40px -12px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:70}
.nav-links .menu-item-has-children>.sub-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.nav-links li:hover>.sub-menu,.nav-links li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-links .sub-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap}
.nav-links .sub-menu a:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-right{display:flex;gap:12px;margin-left:auto;align-items:center}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;margin-left:auto}
.nav-toggle svg{width:26px;height:26px;stroke:#fff}
.mobile-menu{display:none}

/* =========================================================
   HERO  (light, soft blue gradient)
   ========================================================= */
.hero{
  position:relative;overflow:hidden;padding:84px 0 96px;
  background:
    radial-gradient(900px 540px at 88% -8%, rgba(42,92,215,.13), transparent 60%),
    radial-gradient(720px 520px at 0% 0%, rgba(92,138,240,.12), transparent 58%),
    linear-gradient(180deg,#EEF3FC 0%,#F6F9FE 46%,#FFFFFF 100%);
}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}
.hero h1{font-size:clamp(34px,4.4vw,52px);line-height:1.16;letter-spacing:-.02em;margin:22px 0 18px}
.hero .lead{font-size:18px;color:var(--slate);max-width:480px;margin-bottom:24px}
.symptom-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:18px}
.hero-note{font-size:14px;color:var(--slate-soft);display:flex;align-items:center;gap:8px}
.hero-note svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.8;flex:none}

/* recent-cases card */
.cases-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-pop);padding:26px 26px 22px}
.cases-card .cc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.cases-card .cc-title{font-size:13.5px;font-weight:700;color:var(--slate-soft);letter-spacing:.02em}
.cases-card .cc-pills{display:flex;gap:8px}
.cc-list{margin-top:14px}
.cc-row{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:15px 0;border-top:1px solid var(--line-soft)}
.cc-row:first-child{border-top:0}
.cc-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--blue-faint)}
.cc-ic svg{width:21px;height:21px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cc-tx .k{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:2px}
.cc-tx .v{font-size:13px;color:var(--slate-soft);line-height:1.55}
.cc-tx .v b{color:var(--blue-ink);font-family:var(--num);font-weight:700}
.cc-tx .v b.red{color:var(--signal-ink);font-family:var(--sans)}
.cc-float{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 13px;box-shadow:var(--sh-pop);font-size:12.5px;font-weight:700;color:var(--ink)}
.cc-float .num{color:var(--blue)}
.cc-float.f1{top:-16px;right:-14px}
.cc-float .gdot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(31,157,87,.18);flex:none}

/* =========================================================
   TRUST STRIP
   ========================================================= */
.trust{padding:44px 0}
.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.trust-stats{display:flex;gap:48px;flex-wrap:wrap}
.t-stat .n{font-family:var(--num);font-weight:700;font-size:30px;color:var(--ink);line-height:1}
.t-stat .n .u{font-family:var(--sans);font-size:15px;color:var(--slate-soft);font-weight:500;margin-left:3px}
.t-stat .l{font-size:13px;color:var(--slate-soft);margin-top:7px}
.trust-since{display:flex;flex-direction:column;gap:9px;max-width:300px}
.trust-since .lab{font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--slate-soft)}
.stack-tags{display:flex;flex-wrap:wrap;gap:8px}
.stack-tags span{font-family:var(--num);font-size:12.5px;font-weight:500;color:var(--slate);background:#fff;border:1px solid var(--panel-line);border-radius:7px;padding:6px 11px}

/* =========================================================
   SERVICES
   ========================================================= */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:30px 28px;display:flex;flex-direction:column;transition:border-color .16s,box-shadow .16s,transform .16s}
.svc-card:hover{border-color:#D5DEEC;box-shadow:var(--sh-card);transform:translateY(-3px)}
.svc-tile{width:48px;height:48px;border-radius:12px;background:var(--blue-faint);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.svc-tile svg{width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.svc-card h3{font-size:19px;font-weight:700;margin-bottom:9px}
.svc-card .desc{font-size:14.5px;color:var(--slate-soft);margin-bottom:18px}
.svc-list{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}
.svc-list li{display:flex;gap:9px;font-size:14px;color:var(--slate);align-items:flex-start}
.svc-list li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);margin-top:9px;flex:none}
.svc-more{margin-top:auto;font-size:14px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:6px}
.svc-more svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .16s}
.svc-card:hover .svc-more svg{transform:translateX(3px)}

/* =========================================================
   WHY US
   ========================================================= */
.why-dark{background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;position:relative;overflow:hidden}
.why-dark::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 380px at 90% 0%,rgba(92,138,240,.18),transparent 60%),radial-gradient(520px 340px at 2% 110%,rgba(42,92,215,.16),transparent 58%)}
.why-dark .wrap{position:relative;z-index:1}
.why-dark .sec-head .eyebrow{color:var(--blue-bright)}
.why-dark .sec-head h2{color:#fff}
.why-dark .sec-head p{color:#A9B6CA}
.why-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.why-item{padding:0 38px;border-left:1px solid rgba(255,255,255,.12)}
.why-item:first-child{padding-left:0;border-left:0}
.why-ic{width:48px;height:48px;border-radius:12px;background:rgba(92,138,240,.16);border:1px solid rgba(92,138,240,.3);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.why-ic svg{width:24px;height:24px;stroke:var(--blue-bright);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.why-item h3{color:#fff;font-size:18.5px;font-weight:700;margin-bottom:10px}
.why-item p{color:#A9B6CA;font-size:14.5px}

/* =========================================================
   CASE STUDIES
   ========================================================= */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.case-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px 24px;display:flex;flex-direction:column;gap:18px;transition:box-shadow .16s,transform .16s}
.case-card:hover{box-shadow:var(--sh-card);transform:translateY(-3px)}
.case-card .case-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.metric{display:flex;align-items:stretch;gap:12px}
.metric .m{flex:1;text-align:center;border-radius:10px;border:1px solid var(--line);padding:13px 8px;background:var(--bg-softer)}
.metric .m .mn{font-family:var(--num);font-weight:700;font-size:23px;line-height:1.05;color:var(--slate-soft)}
.metric .m .ml{font-size:11px;color:var(--slate-soft);margin-top:6px;letter-spacing:.02em}
.metric .m.win{border-color:rgba(42,92,215,.4);background:var(--blue-faint)}
.metric .m.win .mn{color:var(--blue)}
.metric .m.alert .mn{color:var(--signal)}
.metric .arr{display:flex;align-items:center;color:var(--slate-soft)}
.metric .arr svg{width:20px;height:20px}
.case-card .did{font-size:14px;color:var(--slate);line-height:1.7}
.case-card .quote{font-size:13.5px;color:var(--slate-soft);border-left:2.5px solid var(--blue-tint);padding-left:14px;margin-top:auto}
.case-card .quote .who{display:block;margin-top:7px;font-size:12.5px;font-weight:700;color:var(--slate)}

/* =========================================================
   WHO WE HELP
   ========================================================= */
.who-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.who-item{display:flex;gap:16px;align-items:flex-start;padding:22px 0;border-top:1px solid var(--panel-line)}
.who-item:nth-child(1),.who-item:nth-child(2){border-top:0}
.who-ic{width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center;flex:none}
.who-ic svg{width:23px;height:23px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.who-item h3{font-size:17px;font-weight:700;margin-bottom:6px}
.who-item p{font-size:13.5px;color:var(--slate-soft)}

/* =========================================================
   PRICING
   ========================================================= */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;max-width:1040px;margin:0 auto}
.price-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;position:relative}
.price-card.featured{border:1.5px solid var(--blue);box-shadow:var(--sh-card)}
.price-badge{position:absolute;top:-12px;left:28px;background:var(--blue);color:#fff;font-size:12px;font-weight:700;padding:5px 13px;border-radius:999px}
.price-card .ptier{font-size:18px;font-weight:900;color:var(--ink);margin-bottom:6px}
.price-card .ptag{font-size:13.5px;color:var(--slate-soft);margin-bottom:22px;min-height:40px}
.price-amt{display:flex;align-items:baseline;gap:5px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px dashed var(--line)}
.price-amt .cur{font-family:var(--num);font-size:16px;font-weight:600;color:var(--slate)}
.price-amt .n{font-family:var(--num);font-size:38px;font-weight:700;color:var(--ink);line-height:1}
.price-amt .per{font-size:14px;color:var(--slate-soft)}
.price-amt.quote .qn{font-size:23px;font-weight:900;color:var(--ink)}
.price-list{display:flex;flex-direction:column;gap:12px;margin-bottom:26px;flex:1}
.price-list li{display:flex;gap:10px;font-size:14px;color:var(--slate);align-items:flex-start}
.price-list li svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:2.4;flex:none;margin-top:3px}
.price-card .btn{width:100%}
.price-foot{text-align:center;font-size:13.5px;color:var(--slate-soft);margin-top:30px}

/* =========================================================
   ABOUT / FOUNDER
   ========================================================= */
.about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:center;max-width:1000px;margin:0 auto}
.about-photo{position:relative}
.photo-ph{aspect-ratio:4/5;border-radius:16px;border:1.5px dashed var(--panel-line);background:linear-gradient(160deg,#EBF1FB 0%,#F6F9FD 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;padding:24px;overflow:hidden}
.photo-ph .ph-ic{width:56px;height:56px;border-radius:14px;background:#fff;border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center}
.photo-ph .ph-ic svg{width:27px;height:27px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.photo-ph span{font-size:12.5px;color:var(--slate-soft);letter-spacing:.02em;line-height:1.7}
.about-photo .est2{position:absolute;top:-14px;right:-14px;background:var(--navy);color:#fff;border-radius:12px;box-shadow:var(--sh-pop);padding:12px 16px;text-align:center}
.about-photo .est2 .y{font-family:var(--num);font-weight:700;font-size:20px;color:#fff;line-height:1}
.about-photo .est2 .yl{font-size:11px;color:#A9B6CA;margin-top:3px}
.about-photo .est{position:absolute;bottom:-14px;left:-14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-pop);padding:13px 17px}
.about-photo .est .y{font-family:var(--num);font-weight:700;font-size:22px;color:var(--blue);line-height:1}
.about-photo .est .yl{font-size:12px;color:var(--slate-soft);margin-top:3px}
.about-info .eyebrow{display:block;margin-bottom:14px}
.about-info h2{font-size:clamp(26px,3vw,32px);margin-bottom:8px}
.about-info .role{font-size:15px;color:var(--blue);font-weight:700;margin-bottom:20px}
.about-info p{font-size:15.5px;color:var(--slate);margin-bottom:18px}
.about-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:8px}
.about-points li{display:flex;gap:10px;font-size:14px;color:var(--slate);align-items:flex-start}
.about-points svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:2;flex:none;margin-top:3px}

/* =========================================================
   FAQ
   ========================================================= */
.faq-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:40px;align-items:start}
.faq-list{display:flex;flex-direction:column;gap:14px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:box-shadow .16s}
.faq-item[open]{box-shadow:var(--sh-card)}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:15.5px;font-weight:700;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item .chev{width:20px;height:20px;flex:none;stroke:var(--blue);fill:none;stroke-width:2.2;transition:transform .2s}
.faq-item[open] .chev{transform:rotate(180deg)}
.faq-item .ans{padding:0 22px 22px;font-size:14.5px;color:var(--slate-soft);line-height:1.8}
.faq-item .ans p+p{margin-top:12px}
.faq-helper{background:var(--navy);border-radius:16px;padding:34px 30px;color:#fff;position:relative;overflow:hidden}
.faq-helper::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 280px at 100% 0%,rgba(92,138,240,.22),transparent 62%)}
.faq-helper>*{position:relative;z-index:1}
.faq-helper h3{color:#fff;font-size:21px;margin-bottom:12px}
.faq-helper p{color:#A9B6CA;font-size:14.5px;margin-bottom:22px}
.faq-helper .btn{width:100%;margin-bottom:14px}
.faq-helper .hint{font-size:13px;color:#8593AB}

/* =========================================================
   CTA BAND
   ========================================================= */
.cta{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;padding:80px 0}
.cta::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(680px 420px at 92% 120%,rgba(42,92,215,.28),transparent 60%),radial-gradient(560px 360px at 4% -20%,rgba(92,138,240,.16),transparent 58%)}
.cta .wrap{position:relative;z-index:1}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.cta-inner h2{color:#fff;font-size:clamp(24px,3vw,32px);margin-bottom:12px}
.cta-inner p{color:#A9B6CA;font-size:16px;max-width:520px}
.cta-btns{display:flex;gap:13px;flex-wrap:wrap;flex:none}

/* =========================================================
   FOOTER
   ========================================================= */
footer.foot{background:#0A1424;color:#8B97AC;padding:64px 0 32px}
.foot-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:36px;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.foot-top .btn{font-size:14px;padding:12px 20px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.08)}
.foot-brand .flogo{height:24px;width:auto;margin-bottom:16px}
.foot-brand p{font-size:14px;max-width:280px;line-height:1.8}
.foot-col h4{font-size:13px;font-weight:700;letter-spacing:.04em;color:#fff;margin-bottom:18px}
.foot-col ul{display:flex;flex-direction:column;gap:11px}
.foot-col a{font-size:14px;color:#8B97AC}
.foot-col a:hover{color:#fff}
.foot-contact li{display:flex;gap:10px;font-size:14px;margin-bottom:12px;align-items:flex-start;color:#8B97AC}
.foot-contact svg{width:17px;height:17px;stroke:var(--blue-bright);fill:none;stroke-width:1.7;flex:none;margin-top:3px}
.foot-bottom{padding-top:26px;font-size:13px;color:#6B7689;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

/* =========================================================
   FLOATING EMERGENCY
   ========================================================= */
.float-line{position:fixed;right:22px;bottom:22px;z-index:70;display:inline-flex;align-items:center;gap:9px;background:var(--signal);color:#fff;font-weight:700;font-size:14px;padding:13px 18px;border-radius:999px;box-shadow:0 10px 26px -6px rgba(216,66,59,.6);transition:transform .16s,background .16s}
.float-line:hover{background:var(--signal-ink);color:#fff;transform:translateY(-2px)}
.float-line svg{width:19px;height:19px;flex:none}
.float-line .lp{width:8px;height:8px;border-radius:50%;background:#fff;position:relative}
.float-line .lp::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:#fff;opacity:.5;animation:ping 1.6s ease-out infinite}

/* =========================================================
   SERVICES PAGE — INNER HERO
   ========================================================= */
.page-hero{
  position:relative;overflow:hidden;padding:72px 0 88px;text-align:center;
  background:
    radial-gradient(900px 540px at 88% -8%, rgba(42,92,215,.13), transparent 60%),
    radial-gradient(720px 520px at 0% 0%, rgba(92,138,240,.12), transparent 58%),
    linear-gradient(180deg,#EEF3FC 0%,#F6F9FE 46%,#FFFFFF 100%);
}
.crumb{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:var(--slate-soft);margin-bottom:22px}
.crumb a{color:var(--slate-soft)}
.crumb a:hover{color:var(--blue)}
.crumb svg{width:14px;height:14px;stroke:var(--slate-soft);fill:none;stroke-width:2;flex:none}
.crumb .cur{color:var(--ink);font-weight:700}
.page-hero .hero-inner{max-width:760px;margin:0 auto}
.page-hero .hero-inner .pill{margin-bottom:18px}
.page-hero h1{font-size:clamp(34px,4.4vw,52px);line-height:1.16;letter-spacing:-.02em;margin:0 0 18px}
.page-hero .lead{font-size:18px;color:var(--slate);max-width:560px;margin:0 auto 28px}
.page-hero .hero-cta{justify-content:center}
.page-hero .hero-note{display:inline-flex}

/* =========================================================
   SERVICES PAGE — GROUPS + WIDE CARDS
   ========================================================= */
.page-services .sec-head{max-width:680px}
.group{margin-top:72px}
.group:first-of-type{margin-top:0}
.group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px;flex-wrap:wrap}
.group-head .gh-tx{max-width:640px}
.group-kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--num);font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.group-kicker .bar{width:26px;height:3px;border-radius:2px;flex:none}
.group--fix .group-kicker{color:var(--signal-ink)}
.group--fix .group-kicker .bar{background:var(--signal)}
.group--keep .group-kicker{color:var(--green-ink)}
.group--keep .group-kicker .bar{background:var(--green)}
.group-head h2{font-size:clamp(23px,2.6vw,29px);margin-bottom:8px}
.group-head p{color:var(--slate-soft);font-size:15.5px}

.svc-grid--2{grid-template-columns:repeat(2,1fr)}
.svc-tile.alert{background:var(--signal-tint)}
.svc-tile.alert svg{stroke:var(--signal)}
.svc-fit{display:inline-flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--slate-soft);background:var(--bg-softer);border:1px solid var(--line-soft);border-radius:9px;padding:9px 12px;margin-bottom:18px;line-height:1.55}
.svc-fit b{color:var(--slate);font-weight:700;flex:none}
.svc-card--wide{flex-direction:row;gap:24px;padding:32px 30px;align-items:flex-start;scroll-margin-top:96px}
.svc-card--wide .svc-tile{width:54px;height:54px;border-radius:14px;margin-bottom:0;flex:none}
.svc-card--wide .svc-tile svg{width:27px;height:27px}
.svc-card--wide .svc-body{display:flex;flex-direction:column;flex:1;min-width:0}
.svc-card--wide h3{font-size:20px;margin-bottom:12px}
.svc-card--wide .svc-list{margin-bottom:20px}

/* =========================================================
   SERVICES PAGE — PROCESS (4 steps)
   ========================================================= */
.proc{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1020px;margin:0 auto}
.proc::before{content:"";position:absolute;top:23px;left:11%;right:11%;height:2px;background:var(--panel-line);z-index:0}
.proc-step{position:relative;z-index:1;text-align:center}
.proc-num{width:46px;height:46px;border-radius:50%;background:#fff;border:1.5px solid var(--blue);color:var(--blue);font-family:var(--num);font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.proc-step h3{font-size:16px;font-weight:700;margin-bottom:8px}
.proc-step p{font-size:13.5px;color:var(--slate-soft)}

/* =========================================================
   PERFORMANCE PAGE — HERO + CWV PANEL
   ========================================================= */
.page-performance .hero,.page-technical-rescue .hero,.page-security-cleanup .hero,.page-custom-development .hero,.page-maintenance .hero,.page-managed-wordpress .hero{padding:64px 0 88px}
.page-performance .crumb,.page-technical-rescue .crumb,.page-security-cleanup .crumb,.page-custom-development .crumb,.page-maintenance .crumb,.page-managed-wordpress .crumb{margin-bottom:36px}
.page-performance .hero-grid,.page-technical-rescue .hero-grid,.page-security-cleanup .hero-grid{grid-template-columns:1.04fr .96fr}
.page-performance .hero-tx .eyebrow,.page-technical-rescue .hero-tx .eyebrow,.page-security-cleanup .hero-tx .eyebrow,.page-custom-development .hero-tx .eyebrow,.page-maintenance .hero-tx .eyebrow,.page-managed-wordpress .hero-tx .eyebrow{display:block;margin-bottom:14px}
.page-performance .hero h1,.page-technical-rescue .hero h1,.page-security-cleanup .hero h1{font-size:clamp(34px,4.4vw,50px);margin:0 0 18px}
.page-performance .hero .lead,.page-technical-rescue .hero .lead,.page-security-cleanup .hero .lead,.page-custom-development .hero .lead,.page-maintenance .hero .lead,.page-managed-wordpress .hero .lead{margin-bottom:28px}
.page-performance summary:focus-visible,.page-technical-rescue summary:focus-visible,.page-security-cleanup summary:focus-visible,.page-custom-development summary:focus-visible,.page-maintenance summary:focus-visible,.page-managed-wordpress summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}

.page-performance .cwv-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-pop);overflow:hidden}
.page-performance .cwv-head{display:flex;align-items:center;gap:9px;padding:15px 22px;border-bottom:1px solid var(--line-soft);background:var(--bg-softer)}
.page-performance .cwv-head .dot{width:8px;height:8px;border-radius:50%;background:var(--green);position:relative;flex:none}
.page-performance .cwv-head .dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--green);opacity:.35;animation:ping 2s ease-out infinite}
.page-performance .cwv-head .t{font-family:var(--num);font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
.page-performance .cwv-head .s{margin-left:auto;font-size:12px;color:var(--slate-soft)}
.page-performance .cwv-list{padding:6px 22px}
.page-performance .cwv-row{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 0;border-top:1px solid var(--line-soft)}
.page-performance .cwv-row:first-child{border-top:0}
.page-performance .cwv-ab{width:58px;height:58px;border-radius:13px;background:var(--blue-faint);border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center;font-family:var(--num);font-weight:700;font-size:16px;color:var(--blue);flex:none}
.page-performance .cwv-tx .k{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.4}
.page-performance .cwv-tx .v{font-size:12.5px;color:var(--slate-soft);font-family:var(--num);letter-spacing:.01em}
.page-performance .cwv-ref{font-family:var(--num);font-size:12.5px;font-weight:700;color:var(--green-ink);background:var(--green-tint);border:1px solid rgba(31,157,87,.2);border-radius:999px;padding:6px 12px;white-space:nowrap}
.page-performance .cwv-foot{padding:13px 22px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--slate-soft);background:var(--bg-softer);line-height:1.6}

/* =========================================================
   PERFORMANCE PAGE — SYMPTOMS / DIAGNOSIS
   ========================================================= */
.page-performance .diag-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.page-performance .diag-tx .eyebrow{display:block;margin-bottom:16px}
.page-performance .diag-tx h2{font-size:clamp(26px,3vw,33px);margin-bottom:18px}
.page-performance .diag-tx p{color:var(--slate-soft);font-size:16px;max-width:420px;margin-bottom:26px}
.page-performance .diag-hint{display:flex;gap:11px;align-items:flex-start;background:var(--blue-faint);border:1px solid var(--panel-line);border-radius:12px;padding:16px 18px;font-size:14px;color:var(--slate);max-width:420px}
.page-performance .diag-hint svg{width:19px;height:19px;stroke:var(--blue);fill:none;stroke-width:1.8;flex:none;margin-top:3px}
.page-performance .diag-hint b{color:var(--ink)}

.page-performance .diag-list{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-card);overflow:hidden}
.page-performance .diag-list-head{display:flex;align-items:center;gap:9px;padding:15px 24px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);font-size:13px;font-weight:700;color:var(--slate-soft);letter-spacing:.02em}
.page-performance .diag-list-head svg{width:16px;height:16px;stroke:var(--signal);fill:none;stroke-width:1.8;flex:none}
.page-performance .diag-row{display:flex;align-items:center;gap:15px;padding:17px 24px;border-top:1px solid var(--line-soft)}
.page-performance .diag-row:first-of-type{border-top:0}
.page-performance .diag-row .bang{width:26px;height:26px;border-radius:50%;background:var(--signal-tint);color:var(--signal);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;font-family:var(--num);flex:none}
.page-performance .diag-row .sym{font-size:15px;color:var(--ink);font-weight:500;flex:1;line-height:1.5}
.page-performance .diag-row .layer{font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--blue-ink);background:var(--blue-tint);border-radius:999px;padding:5px 11px;flex:none}

/* =========================================================
   PERFORMANCE PAGE — SCOPE (2×2)
   ========================================================= */
.page-performance .scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.page-performance .scope-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:32px 30px;transition:border-color .16s,box-shadow .16s,transform .16s}
.page-performance .scope-card:hover{border-color:#D5DEEC;box-shadow:var(--sh-card);transform:translateY(-3px)}
.page-performance .scope-top{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.page-performance .scope-tile{width:48px;height:48px;border-radius:12px;background:var(--blue-faint);display:flex;align-items:center;justify-content:center;flex:none}
.page-performance .scope-tile svg{width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-performance .scope-card h3{font-size:19px;font-weight:700}
.page-performance .scope-card .desc{font-size:14.5px;color:var(--slate-soft);margin-bottom:18px}
.page-performance .scope-tags{display:flex;flex-wrap:wrap;gap:8px}
.page-performance .scope-tags span{font-family:var(--num);font-size:12.5px;font-weight:500;color:var(--slate);background:var(--bg-softer);border:1px solid var(--line);border-radius:7px;padding:6px 11px}

.page-performance .proc::before{background:var(--line-soft)}

/* =========================================================
   PERFORMANCE PAGE — BEFORE / AFTER (dark band)
   ========================================================= */
.page-performance .ba-dark{background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;position:relative;overflow:hidden}
.page-performance .ba-dark::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 380px at 90% 0%,rgba(92,138,240,.18),transparent 60%),radial-gradient(520px 340px at 2% 110%,rgba(42,92,215,.16),transparent 58%)}
.page-performance .ba-dark .wrap{position:relative;z-index:1}
.page-performance .ba-dark .sec-head .eyebrow{color:var(--blue-bright)}
.page-performance .ba-dark .sec-head h2{color:#fff}
.page-performance .ba-dark .sec-head p{color:#A9B6CA}

.page-performance .ba-card{max-width:880px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-pop);overflow:hidden;color:var(--slate)}
.page-performance .ba-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 28px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft)}
.page-performance .ba-meta .ml{font-size:13px;font-weight:700;color:var(--slate-soft);flex:none}
.page-performance .ba-meta .mv{font-family:var(--num);font-size:13px;font-weight:500;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:7px;padding:6px 12px;min-width:120px;text-align:center}
.page-performance .ba-meta .sep{width:1px;height:22px;background:var(--line);margin:0 6px}
.page-performance .ba-table{padding:10px 28px 4px}
.page-performance .ba-tbl{width:100%;border-collapse:collapse;table-layout:fixed}
.page-performance .ba-tbl thead th{font-size:13px;font-weight:700;color:var(--slate-soft);text-align:left;padding:16px 0 13px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.page-performance .ba-tbl thead th:first-child{width:36.22%}
.page-performance .ba-tbl thead th+th{text-align:center;padding-left:14px}
.page-performance .ba-tbl tbody th,.page-performance .ba-tbl tbody td{padding:13px 0;vertical-align:middle;text-align:left}
.page-performance .ba-tbl tbody td{padding-left:14px}
.page-performance .ba-tbl tbody tr+tr th,.page-performance .ba-tbl tbody tr+tr td{border-top:1px solid var(--line-soft)}
.page-performance .ba-tbl .metric{display:block;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.75}
.page-performance .ba-tbl .metric small{display:block;font-weight:500;font-size:12px;color:var(--slate-soft);font-family:var(--num);letter-spacing:.02em}
.page-performance .ba-slot{display:block;font-family:var(--num);font-weight:700;font-size:16px;color:var(--slate-soft);background:var(--bg-softer);border:1px solid var(--line);border-radius:9px;padding:11px 10px;text-align:center;line-height:1.75}
.page-performance .ba-slot.after{background:var(--blue-faint);border-color:rgba(42,92,215,.3);color:var(--blue-ink)}
.page-performance .ba-did{padding:18px 28px 24px}
.page-performance .ba-did .ml{font-size:13px;font-weight:700;color:var(--slate-soft);margin-bottom:10px}
.page-performance .ba-did .chips{display:flex;flex-wrap:wrap;gap:8px}
.page-performance .ba-did .chips span{font-size:12.5px;font-weight:500;color:var(--slate);background:var(--bg-softer);border:1px solid var(--line);border-radius:7px;padding:6px 14px;text-align:center}
.page-performance .ba-note{max-width:880px;margin:18px auto 0;text-align:center;font-size:13px;color:#8B97AC}

/* =========================================================
   PERFORMANCE PAGE — FIT GRID
   ========================================================= */
.page-performance .fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:920px;margin:0 auto}
.page-performance .fit-item{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:16px 18px}
.page-performance .fit-ic{width:38px;height:38px;border-radius:10px;background:var(--blue-faint);display:flex;align-items:center;justify-content:center;flex:none}
.page-performance .fit-ic svg{width:19px;height:19px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-performance .fit-item span{font-size:15px;font-weight:700;color:var(--ink)}

/* =========================================================
   PERFORMANCE PAGE — FAQ (scoped variant of .faq-item)
   ========================================================= */
.page-performance .faq-wrap,.page-technical-rescue .faq-wrap,.page-security-cleanup .faq-wrap,.page-custom-development .faq-wrap,.page-maintenance .faq-wrap,.page-managed-wordpress .faq-wrap{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.page-performance .faq-item,.page-technical-rescue .faq-item,.page-security-cleanup .faq-item,.page-custom-development .faq-item,.page-maintenance .faq-item,.page-managed-wordpress .faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:border-color .16s,box-shadow .16s}
.page-performance .faq-item[open],.page-technical-rescue .faq-item[open],.page-security-cleanup .faq-item[open],.page-custom-development .faq-item[open],.page-maintenance .faq-item[open],.page-managed-wordpress .faq-item[open]{border-color:#D5DEEC;box-shadow:var(--sh-card)}
.page-performance .faq-item summary,.page-technical-rescue .faq-item summary,.page-security-cleanup .faq-item summary,.page-custom-development .faq-item summary,.page-maintenance .faq-item summary,.page-managed-wordpress .faq-item summary{display:flex;align-items:center;justify-content:flex-start;gap:14px;cursor:pointer;list-style:none;padding:21px 26px;font-size:16.5px;font-weight:700;color:var(--ink)}
.page-performance .faq-item summary::-webkit-details-marker,.page-technical-rescue .faq-item summary::-webkit-details-marker,.page-security-cleanup .faq-item summary::-webkit-details-marker,.page-custom-development .faq-item summary::-webkit-details-marker,.page-maintenance .faq-item summary::-webkit-details-marker,.page-managed-wordpress .faq-item summary::-webkit-details-marker{display:none}
.page-performance .faq-item summary .q,.page-technical-rescue .faq-item summary .q,.page-security-cleanup .faq-item summary .q,.page-custom-development .faq-item summary .q,.page-maintenance .faq-item summary .q,.page-managed-wordpress .faq-item summary .q{font-family:var(--num);font-weight:700;font-size:13px;color:var(--blue);background:var(--blue-faint);border-radius:8px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.page-performance .faq-item summary .chev,.page-technical-rescue .faq-item summary .chev,.page-security-cleanup .faq-item summary .chev,.page-custom-development .faq-item summary .chev,.page-maintenance .faq-item summary .chev,.page-managed-wordpress .faq-item summary .chev{width:auto;height:auto;stroke:none;margin-left:auto;flex:none;transition:transform .2s}
.page-performance .faq-item summary .chev svg,.page-technical-rescue .faq-item summary .chev svg,.page-security-cleanup .faq-item summary .chev svg,.page-custom-development .faq-item summary .chev svg,.page-maintenance .faq-item summary .chev svg,.page-managed-wordpress .faq-item summary .chev svg{width:18px;height:18px;stroke:var(--slate-soft);fill:none;stroke-width:2;display:block}
.page-performance .faq-item[open] summary .chev,.page-technical-rescue .faq-item[open] summary .chev,.page-security-cleanup .faq-item[open] summary .chev,.page-custom-development .faq-item[open] summary .chev,.page-maintenance .faq-item[open] summary .chev,.page-managed-wordpress .faq-item[open] summary .chev{transform:rotate(180deg)}
.page-performance .faq-item .ans,.page-technical-rescue .faq-item .ans,.page-security-cleanup .faq-item .ans,.page-custom-development .faq-item .ans,.page-maintenance .faq-item .ans,.page-managed-wordpress .faq-item .ans{padding:0 26px 23px 70px;font-size:15px;color:var(--slate);line-height:1.85}

/* =========================================================
   TECHNICAL RESCUE PAGE
   ========================================================= */
.page-technical-rescue .hero,.page-security-cleanup .hero{
  background:
    radial-gradient(880px 520px at 90% -10%, rgba(216,66,59,.09), transparent 60%),
    radial-gradient(720px 520px at 0% 0%, rgba(42,92,215,.11), transparent 58%),
    linear-gradient(180deg,#F0F3FB 0%,#F7F9FE 46%,#FFFFFF 100%);
}
.page-technical-rescue .sec-head,.page-security-cleanup .sec-head,.page-custom-development .sec-head,.page-maintenance .sec-head,.page-about .sec-head{max-width:680px}
.page-technical-rescue .eyebrow--signal,.page-security-cleanup .eyebrow--signal{color:var(--signal)}
.page-technical-rescue .pill--warn,.page-security-cleanup .pill--warn{background:var(--amber-tint);border-color:rgba(232,161,59,.32);color:var(--amber-ink);font-weight:700;font-size:12.5px}
.page-technical-rescue .pill--warn .dot,.page-security-cleanup .pill--warn .dot{background:var(--amber)}

/* incident status panel */
.page-technical-rescue .inc-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-pop);overflow:hidden}
.page-technical-rescue .inc-head{display:flex;align-items:center;gap:9px;padding:15px 22px;border-bottom:1px solid var(--line-soft);background:var(--bg-softer)}
.page-technical-rescue .inc-head .dot{width:8px;height:8px;border-radius:50%;background:var(--signal);position:relative;flex:none}
.page-technical-rescue .inc-head .dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--signal);opacity:.35;animation:ping 2s ease-out infinite}
.page-technical-rescue .inc-head .t{font-family:var(--num);font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
.page-technical-rescue .inc-head .s{margin-left:auto;font-size:12px;color:var(--slate-soft)}
.page-technical-rescue .inc-list{padding:6px 22px}
.page-technical-rescue .inc-row{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:17px 0;border-top:1px solid var(--line-soft)}
.page-technical-rescue .inc-row:first-child{border-top:0}
.page-technical-rescue .inc-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;border:1px solid transparent}
.page-technical-rescue .inc-ic svg{width:22px;height:22px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-technical-rescue .inc-ic--alert{background:var(--signal-tint);border-color:rgba(216,66,59,.16)}
.page-technical-rescue .inc-ic--alert svg{stroke:var(--signal)}
.page-technical-rescue .inc-ic--warn{background:var(--amber-tint);border-color:rgba(232,161,59,.26)}
.page-technical-rescue .inc-ic--warn svg{stroke:var(--amber-ink)}
.page-technical-rescue .inc-tx .k{font-size:15px;font-weight:700;color:var(--ink);line-height:1.45}
.page-technical-rescue .inc-tx .v{font-size:12.5px;color:var(--slate-soft);font-family:var(--num);letter-spacing:.01em}
.page-technical-rescue .inc-foot{padding:13px 22px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--slate-soft);background:var(--bg-softer);line-height:1.6}

/* common incidents — fault panel */
.page-technical-rescue .fault-panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden;max-width:1020px;margin:0 auto}
.page-technical-rescue .fault-head{display:flex;align-items:center;gap:10px;padding:16px 28px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);font-size:13.5px;font-weight:700;color:var(--slate-soft)}
.page-technical-rescue .fault-head svg{width:17px;height:17px;stroke:var(--signal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-technical-rescue .fault-head .lg{margin-left:auto;display:flex;gap:14px;font-family:var(--num);font-size:11.5px;font-weight:500;color:var(--slate-soft);letter-spacing:.03em}
.page-technical-rescue .fault-body{display:grid;grid-template-columns:1fr 1fr}
.page-technical-rescue .fault-item{display:flex;align-items:flex-start;gap:14px;padding:21px 28px;border-top:1px solid var(--line-soft)}
.page-technical-rescue .fault-item:nth-child(odd){border-right:1px solid var(--line-soft)}
.page-technical-rescue .fault-item:nth-child(-n+2){border-top:0}
.page-technical-rescue .fault-item .bang{width:26px;height:26px;border-radius:50%;background:var(--signal-tint);color:var(--signal);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;font-family:var(--num);flex:none;margin-top:2px}
.page-technical-rescue .fault-item .fx{flex:1;min-width:0}
.page-technical-rescue .fault-item .sym{font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.5;margin-bottom:7px}
.page-technical-rescue .fault-item .layers{display:flex;flex-wrap:wrap;gap:6px}
.page-technical-rescue .fault-item .layers span{font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--blue-ink);background:var(--blue-tint);border-radius:999px;padding:4px 10px}
.page-technical-rescue .fault-foot{display:flex;align-items:center;justify-content:center;gap:8px;padding:17px 28px;border-top:1px solid var(--line-soft);background:var(--bg-softer);font-size:14px;color:var(--slate)}
.page-technical-rescue .fault-foot svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.8;flex:none}
.page-technical-rescue .fault-foot a{font-weight:700}

/* rescue priorities — dark band, 3 phases */
.page-technical-rescue .phase-dark,.page-security-cleanup .phase-dark{background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;position:relative;overflow:hidden}
.page-technical-rescue .phase-dark::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 380px at 90% 0%,rgba(216,66,59,.12),transparent 60%),radial-gradient(520px 340px at 2% 110%,rgba(42,92,215,.16),transparent 58%)}
.page-technical-rescue .phase-dark .wrap,.page-security-cleanup .phase-dark .wrap{position:relative;z-index:1}
.page-technical-rescue .phase-dark .sec-head .eyebrow{color:#F08A84}
.page-technical-rescue .phase-dark .sec-head h2,.page-security-cleanup .phase-dark .sec-head h2{color:#fff}
.page-technical-rescue .phase-dark .sec-head p,.page-security-cleanup .phase-dark .sec-head p{color:#A9B6CA}
.page-technical-rescue .phase-flow,.page-security-cleanup .phase-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:stretch;max-width:1060px;margin:0 auto}
.page-technical-rescue .phase,.page-security-cleanup .phase{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:30px 28px;position:relative}
.page-technical-rescue .phase .ph-top,.page-security-cleanup .phase .ph-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.page-technical-rescue .phase .ph-num,.page-security-cleanup .phase .ph-num{font-family:var(--num);font-size:12px;font-weight:700;letter-spacing:.14em;padding:6px 12px;border-radius:999px;flex:none}
.page-technical-rescue .phase--1 .ph-num{background:rgba(216,66,59,.16);color:#F4978F;border:1px solid rgba(216,66,59,.35)}
.page-technical-rescue .phase--2 .ph-num,.page-security-cleanup .phase--2 .ph-num{background:rgba(92,138,240,.14);color:#9DB9F5;border:1px solid rgba(92,138,240,.35)}
.page-technical-rescue .phase--3 .ph-num,.page-security-cleanup .phase--3 .ph-num{background:rgba(31,157,87,.14);color:#7BD3A4;border:1px solid rgba(31,157,87,.38)}
.page-technical-rescue .phase h3,.page-security-cleanup .phase h3{color:#fff;font-size:20px;font-weight:700}
.page-technical-rescue .phase p,.page-security-cleanup .phase p{font-size:14.5px;color:#A9B6CA;line-height:1.8}
.page-technical-rescue .phase .ph-bar,.page-security-cleanup .phase .ph-bar{position:absolute;top:0;left:28px;right:28px;height:3px;border-radius:0 0 3px 3px}
.page-technical-rescue .phase--1 .ph-bar{background:var(--signal)}
.page-technical-rescue .phase--2 .ph-bar,.page-security-cleanup .phase--2 .ph-bar{background:var(--blue-bright)}
.page-technical-rescue .phase--3 .ph-bar,.page-security-cleanup .phase--3 .ph-bar{background:var(--green)}
.page-technical-rescue .phase-arrow,.page-security-cleanup .phase-arrow{display:flex;align-items:center;justify-content:center}
.page-technical-rescue .phase-arrow svg,.page-security-cleanup .phase-arrow svg{width:26px;height:26px;stroke:#5B6B85;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-technical-rescue .phase-note{max-width:1060px;margin:26px auto 0;text-align:center;font-size:13.5px;color:#8B97AC}

/* what we fix — two groups */
.page-technical-rescue .fix-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1020px;margin:0 auto}
.page-technical-rescue .fix-group{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden;display:flex;flex-direction:column}
.page-technical-rescue .fix-head{display:flex;align-items:center;gap:15px;padding:24px 28px;border-bottom:1px solid var(--line-soft)}
.page-technical-rescue .fix-tile{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.page-technical-rescue .fix-tile svg{width:24px;height:24px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-technical-rescue .fix-group--a .fix-head{background:var(--blue-faint)}
.page-technical-rescue .fix-group--a .fix-tile{background:var(--blue-tint);border:1px solid var(--panel-line)}
.page-technical-rescue .fix-group--a .fix-tile svg{stroke:var(--blue)}
.page-technical-rescue .fix-group--b .fix-head{background:var(--bg-softer)}
.page-technical-rescue .fix-group--b .fix-tile{background:#E9EDF4;border:1px solid var(--line)}
.page-technical-rescue .fix-group--b .fix-tile svg{stroke:var(--slate)}
.page-technical-rescue .fix-head .ab{font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.16em;display:block;margin-bottom:3px}
.page-technical-rescue .fix-group--a .fix-head .ab{color:var(--blue)}
.page-technical-rescue .fix-group--b .fix-head .ab{color:var(--slate-soft)}
.page-technical-rescue .fix-head h3{font-size:19px;font-weight:700}
.page-technical-rescue .fix-list{padding:10px 28px 22px;flex:1}
.page-technical-rescue .fix-list li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid var(--line-soft);font-size:15px;color:var(--ink);font-weight:500;line-height:1.55}
.page-technical-rescue .fix-list li:first-child{border-top:0}
.page-technical-rescue .fix-list svg{width:18px;height:18px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-technical-rescue .fix-group--a .fix-list svg{stroke:var(--blue)}
.page-technical-rescue .fix-group--b .fix-list svg{stroke:var(--slate-soft)}

/* ordered process list */
.page-technical-rescue .proc,.page-security-cleanup .proc{list-style:none}

/* before contacting — checklist card */
.page-technical-rescue .prep-card,.page-security-cleanup .prep-card{max-width:880px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden}
.page-technical-rescue .prep-head,.page-security-cleanup .prep-head{display:flex;align-items:center;gap:10px;padding:17px 30px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);font-size:13.5px;font-weight:700;color:var(--slate-soft)}
.page-technical-rescue .prep-head svg,.page-security-cleanup .prep-head svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-technical-rescue .prep-head .ct,.page-security-cleanup .prep-head .ct{margin-left:auto;font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--blue-ink);background:var(--blue-tint);border-radius:999px;padding:5px 11px}
.page-technical-rescue .prep-list,.page-security-cleanup .prep-list{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;padding:12px 30px 22px}
.page-technical-rescue .prep-list li,.page-security-cleanup .prep-list li{display:flex;align-items:flex-start;gap:13px;padding:14px 0;border-bottom:1px solid var(--line-soft);font-size:15px;color:var(--ink);font-weight:500;line-height:1.55}
.page-technical-rescue .prep-list li:nth-last-child(-n+2),.page-security-cleanup .prep-list li:nth-last-child(-n+2){border-bottom:0}
.page-technical-rescue .prep-list .box,.page-security-cleanup .prep-list .box{width:21px;height:21px;border-radius:6px;border:1.5px solid var(--panel-line);background:var(--blue-faint);display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:4px}
.page-technical-rescue .prep-list .box svg,.page-security-cleanup .prep-list .box svg{width:13px;height:13px;stroke:var(--blue);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.page-technical-rescue .prep-safe,.page-security-cleanup .prep-safe{display:flex;gap:11px;align-items:flex-start;margin:0 30px 26px;background:var(--amber-tint);border:1px solid rgba(232,161,59,.32);border-radius:12px;padding:15px 18px;font-size:14px;color:var(--slate);line-height:1.7}
.page-technical-rescue .prep-safe svg,.page-security-cleanup .prep-safe svg{width:18px;height:18px;stroke:var(--amber-ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}
.page-technical-rescue .prep-safe b,.page-security-cleanup .prep-safe b{color:var(--ink)}

/* pricing — explanation + scope list (overrides homepage .price-*) */
.page-technical-rescue .price-grid,.page-security-cleanup .price-grid,.page-custom-development .price-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:64px;align-items:center;max-width:1020px;margin:0 auto}
.page-technical-rescue .price-tx .eyebrow,.page-security-cleanup .price-tx .eyebrow,.page-custom-development .price-tx .eyebrow,.page-maintenance .price-tx .eyebrow,.page-managed-wordpress .price-tx .eyebrow{display:block;margin-bottom:16px}
.page-technical-rescue .price-tx h2,.page-security-cleanup .price-tx h2,.page-custom-development .price-tx h2,.page-maintenance .price-tx h2,.page-managed-wordpress .price-tx h2{font-size:clamp(26px,3vw,33px);margin-bottom:18px}
.page-technical-rescue .price-tx p,.page-security-cleanup .price-tx p{color:var(--slate-soft);font-size:16px;max-width:440px;margin-bottom:24px}
.page-technical-rescue .price-pledge,.page-security-cleanup .price-pledge{display:flex;gap:12px;align-items:flex-start;background:var(--green-tint);border:1px solid rgba(31,157,87,.22);border-radius:12px;padding:16px 18px;font-size:14.5px;color:var(--slate);max-width:440px;line-height:1.7}
.page-technical-rescue .price-pledge svg,.page-security-cleanup .price-pledge svg{width:19px;height:19px;stroke:var(--green-ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}
.page-technical-rescue .price-pledge b,.page-security-cleanup .price-pledge b{color:var(--green-ink)}
.page-technical-rescue .price-card,.page-security-cleanup .price-card,.page-custom-development .price-card,.page-maintenance .price-card,.page-managed-wordpress .price-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden;padding:0;display:block;position:static}
.page-technical-rescue .price-card-head,.page-security-cleanup .price-card-head,.page-custom-development .price-card-head{padding:17px 28px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);font-size:13.5px;font-weight:700;color:var(--slate-soft)}
.page-technical-rescue .price-card ol,.page-security-cleanup .price-card ol,.page-custom-development .price-card ol{list-style:none;padding:8px 28px 24px}
.page-technical-rescue .price-card ol li,.page-security-cleanup .price-card ol li,.page-custom-development .price-card ol li{display:flex;align-items:flex-start;gap:15px;padding:16px 0;border-top:1px solid var(--line-soft)}
.page-technical-rescue .price-card ol li:first-child,.page-security-cleanup .price-card ol li:first-child,.page-custom-development .price-card ol li:first-child{border-top:0}
.page-technical-rescue .price-card .pn,.page-security-cleanup .price-card .pn,.page-custom-development .price-card .pn{width:30px;height:30px;border-radius:9px;background:var(--blue-faint);border:1px solid var(--panel-line);color:var(--blue);font-family:var(--num);font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:2px}
.page-technical-rescue .price-card .pt,.page-security-cleanup .price-card .pt,.page-custom-development .price-card .pt{font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.5}
.page-technical-rescue .price-card .pd,.page-security-cleanup .price-card .pd,.page-custom-development .price-card .pd{font-size:13.5px;color:var(--slate-soft);line-height:1.65}

/* =========================================================
   SECURITY CLEANUP PAGE
   ========================================================= */
.page-security-cleanup .hero .lead{max-width:500px}
.page-security-cleanup .phase-dark::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 380px at 90% 0%,rgba(232,161,59,.10),transparent 60%),radial-gradient(520px 340px at 2% 110%,rgba(31,157,87,.13),transparent 58%)}
.page-security-cleanup .phase-dark .sec-head .eyebrow{color:#F0BE7A}
.page-security-cleanup .phase--1 .ph-num{background:rgba(232,161,59,.15);color:#F0BE7A;border:1px solid rgba(232,161,59,.4)}
.page-security-cleanup .phase--1 .ph-bar{background:var(--amber)}
.page-security-cleanup .phase-note{max-width:760px;margin:30px auto 0;text-align:center;font-size:13.5px;color:#8B97AC;line-height:1.9}

/* security scan status panel */
.page-security-cleanup .scan-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-pop);overflow:hidden}
.page-security-cleanup .scan-head{display:flex;align-items:center;gap:9px;padding:15px 22px;border-bottom:1px solid var(--line-soft);background:var(--bg-softer)}
.page-security-cleanup .scan-head .dot{width:8px;height:8px;border-radius:50%;background:var(--amber);position:relative;flex:none}
.page-security-cleanup .scan-head .dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--amber);opacity:.35;animation:ping 2s ease-out infinite}
.page-security-cleanup .scan-head .t{font-family:var(--num);font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
.page-security-cleanup .scan-head .s{margin-left:auto;font-size:12px;color:var(--slate-soft)}
.page-security-cleanup .scan-list{padding:6px 22px}
.page-security-cleanup .scan-row{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line-soft)}
.page-security-cleanup .scan-row:first-child{border-top:0}
.page-security-cleanup .scan-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;border:1px solid transparent}
.page-security-cleanup .scan-ic svg{width:22px;height:22px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-security-cleanup .scan-ic--alert{background:var(--signal-tint);border-color:rgba(216,66,59,.16)}
.page-security-cleanup .scan-ic--alert svg{stroke:var(--signal)}
.page-security-cleanup .scan-ic--warn{background:var(--amber-tint);border-color:rgba(232,161,59,.26)}
.page-security-cleanup .scan-ic--warn svg{stroke:var(--amber-ink)}
.page-security-cleanup .scan-tx .k{font-size:15px;font-weight:700;color:var(--ink);line-height:1.45}
.page-security-cleanup .scan-tx .v{font-size:12.5px;color:var(--slate-soft);font-family:var(--num);letter-spacing:.01em}
.page-security-cleanup .scan-next{display:flex;align-items:center;gap:10px;margin:4px 22px 16px;padding:12px 16px;border-radius:11px;background:var(--green-tint);border:1px solid rgba(31,157,87,.22);font-size:13.5px;color:var(--green-ink);font-weight:700}
.page-security-cleanup .scan-next svg{width:17px;height:17px;stroke:var(--green-ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-security-cleanup .scan-foot{padding:13px 22px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--slate-soft);background:var(--bg-softer);line-height:1.6}

/* security incidents — grouped diagnostic panel */
.page-security-cleanup .sym-panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden;max-width:1060px;margin:0 auto}
.page-security-cleanup .sym-head{display:flex;align-items:center;gap:10px;padding:16px 28px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);font-size:13.5px;font-weight:700;color:var(--slate-soft)}
.page-security-cleanup .sym-head svg{width:17px;height:17px;stroke:var(--signal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-security-cleanup .sym-head .lg{margin-left:auto;font-family:var(--num);font-size:11.5px;font-weight:500;color:var(--slate-soft);letter-spacing:.03em}
.page-security-cleanup .sym-body{display:grid;grid-template-columns:1fr 1fr 1fr}
.page-security-cleanup .sym-group{padding:26px 28px 28px;border-left:1px solid var(--line-soft)}
.page-security-cleanup .sym-group:first-child{border-left:0}
.page-security-cleanup .sym-gh{margin-bottom:6px}
.page-security-cleanup .sym-gh .gt{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;color:var(--ink)}
.page-security-cleanup .sym-gh .gt .gdot{width:9px;height:9px;border-radius:50%;flex:none}
.page-security-cleanup .sym-group--out .gdot{background:var(--amber)}
.page-security-cleanup .sym-group--in .gdot{background:var(--signal)}
.page-security-cleanup .sym-group--loop .gdot{background:var(--blue)}
.page-security-cleanup .sym-gh .ge{display:block;font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--slate-soft);margin:4px 0 0 18px}
.page-security-cleanup .sym-items li{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid var(--line-soft);font-size:14.5px;font-weight:500;color:var(--ink);line-height:1.6}
.page-security-cleanup .sym-items li:last-child{border-bottom:0}
.page-security-cleanup .sym-items .bang{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;font-family:var(--num);flex:none;margin-top:3px}
.page-security-cleanup .sym-group--out .bang{background:var(--amber-tint);color:var(--amber-ink)}
.page-security-cleanup .sym-group--in .bang{background:var(--signal-tint);color:var(--signal)}
.page-security-cleanup .sym-group--loop .bang{background:var(--blue-tint);color:var(--blue-ink)}
.page-security-cleanup .sym-hint{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--bg-softer);border:1px dashed var(--line);font-size:12.5px;color:var(--slate-soft);line-height:1.7}
.page-security-cleanup .sym-foot{display:flex;align-items:center;justify-content:center;gap:8px;padding:17px 28px;border-top:1px solid var(--line-soft);background:var(--bg-softer);font-size:14px;color:var(--slate)}
.page-security-cleanup .sym-foot svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.8;flex:none}
.page-security-cleanup .sym-foot a{font-weight:700}

/* what we check — stacked scope bands */
.page-security-cleanup .scope-stack{display:flex;flex-direction:column;gap:20px;max-width:1060px;margin:0 auto}
.page-security-cleanup .scope-band{display:grid;grid-template-columns:316px 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden}
.page-security-cleanup .scope-rail{padding:30px 30px 28px;display:flex;flex-direction:column;gap:0;border-right:1px solid var(--line-soft)}
.page-security-cleanup .scope-band--a .scope-rail{background:var(--blue-faint)}
.page-security-cleanup .scope-band--b .scope-rail{background:var(--bg-softer)}
.page-security-cleanup .scope-rail .ab{font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.16em;margin-bottom:18px}
.page-security-cleanup .scope-band--a .ab{color:var(--blue)}
.page-security-cleanup .scope-band--b .ab{color:var(--slate-soft)}
.page-security-cleanup .scope-tile{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none;margin-bottom:16px}
.page-security-cleanup .scope-tile svg{width:24px;height:24px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-security-cleanup .scope-band--a .scope-tile{background:var(--blue-tint);border:1px solid var(--panel-line)}
.page-security-cleanup .scope-band--a .scope-tile svg{stroke:var(--blue)}
.page-security-cleanup .scope-band--b .scope-tile{background:#E9EDF4;border:1px solid var(--line)}
.page-security-cleanup .scope-band--b .scope-tile svg{stroke:var(--slate)}
.page-security-cleanup .scope-rail h3{font-size:19.5px;font-weight:700;margin-bottom:8px}
.page-security-cleanup .scope-rail p{font-size:13.5px;color:var(--slate-soft);line-height:1.75}
.page-security-cleanup .scope-items{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:0 34px;padding:18px 32px;list-style:none}
.page-security-cleanup .scope-items li{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid var(--line-soft);font-size:15px;color:var(--ink);font-weight:500;line-height:1.55}
.page-security-cleanup .scope-items li:nth-last-child(-n+2){border-bottom:0}
.page-security-cleanup .scope-items svg{width:18px;height:18px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:5px}
.page-security-cleanup .scope-band--a .scope-items svg{stroke:var(--blue)}
.page-security-cleanup .scope-band--b .scope-items svg{stroke:var(--slate-soft)}
.page-security-cleanup .scope-note{display:flex;align-items:flex-start;justify-content:center;gap:9px;max-width:760px;margin:26px auto 0;font-size:13.5px;color:var(--slate-soft);line-height:1.8;text-align:left}
.page-security-cleanup .scope-note svg{width:17px;height:17px;stroke:var(--slate-soft);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}

/* =========================================================
   CUSTOM DEVELOPMENT PAGE
   ========================================================= */
.page-custom-development .hero,.page-maintenance .hero,.page-managed-wordpress .hero{
  background:
    radial-gradient(900px 540px at 90% -10%, rgba(42,92,215,.12), transparent 60%),
    radial-gradient(720px 520px at 0% 0%, rgba(92,138,240,.11), transparent 58%),
    linear-gradient(180deg,#EEF3FC 0%,#F6F9FE 46%,#FFFFFF 100%);
}
.page-custom-development .hero h1,.page-maintenance .hero h1,.page-managed-wordpress .hero h1{font-size:clamp(34px,4.4vw,48px);line-height:1.18;letter-spacing:-.02em;margin:0 0 18px}
.page-custom-development .hero .lead,.page-maintenance .hero .lead,.page-managed-wordpress .hero .lead{max-width:500px}
.page-custom-development .pill--ok,.page-maintenance .pill--ok,.page-managed-wordpress .pill--ok{border-color:rgba(31,157,87,.26)}
.page-custom-development .pill--scope,.page-maintenance .pill--scope,.page-managed-wordpress .pill--scope{background:var(--bg-softer);border-color:var(--line);color:var(--slate);font-weight:700;font-size:12.5px}
.page-custom-development .pill--scope .dot,.page-maintenance .pill--scope .dot,.page-managed-wordpress .pill--scope .dot{background:var(--slate-soft)}
.page-custom-development .pill--tag{background:var(--blue-faint);border-color:rgba(42,92,215,.16);color:var(--blue-ink);font-weight:700;font-size:12px;padding:6px 11px}

/* feature blueprint board */
.page-custom-development .bp-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-pop);overflow:hidden}
.page-custom-development .bp-head{display:flex;align-items:center;gap:9px;padding:15px 22px;border-bottom:1px solid var(--line-soft);background:var(--bg-softer)}
.page-custom-development .bp-head .dot{width:8px;height:8px;border-radius:50%;background:var(--blue);position:relative;flex:none}
.page-custom-development .bp-head .dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--blue);opacity:.35;animation:ping 2s ease-out infinite}
.page-custom-development .bp-head .t{font-family:var(--num);font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
.page-custom-development .bp-head .s{margin-left:auto;font-size:12px;color:var(--slate-soft)}
.page-custom-development .bp-body{
  padding:26px 24px 24px;
  background-image:radial-gradient(rgba(42,92,215,.10) 1.2px, transparent 1.2px);
  background-size:20px 20px;
}
.page-custom-development .bp-map{display:grid;grid-template-columns:1.12fr .88fr;gap:0 26px;align-items:center}
.page-custom-development .bp-spine{display:flex;flex-direction:column}
.page-custom-development .bp-node{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 15px;box-shadow:var(--sh-sm)}
.page-custom-development .bp-node .ic{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--blue-faint);border:1px solid var(--panel-line)}
.page-custom-development .bp-node .ic svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-custom-development .bp-node .nt{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.35}
.page-custom-development .bp-node .ns{display:block;font-family:var(--num);font-size:10.5px;font-weight:600;letter-spacing:.07em;color:var(--slate-soft);text-transform:uppercase;line-height:1.5}
.page-custom-development .bp-node--core{border-color:rgba(42,92,215,.55);box-shadow:0 0 0 3px var(--blue-tint)}
.page-custom-development .bp-link{display:flex;justify-content:center;padding:4px 0}
.page-custom-development .bp-link svg{width:16px;height:16px;stroke:#9FAEC9;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-custom-development .bp-side{position:relative;display:flex;flex-direction:column;gap:12px;justify-content:center}
.page-custom-development .bp-side .se{font-family:var(--num);font-size:10.5px;font-weight:700;letter-spacing:.16em;color:var(--slate-soft)}
.page-custom-development .bp-node--ext{border-style:dashed;border-color:#C3CEE3;background:var(--bg-softer);position:relative}
.page-custom-development .bp-node--ext::before{content:"";position:absolute;left:-27px;top:50%;width:27px;border-top:2px dashed #C3CEE3}
.page-custom-development .bp-node--ext .ic{background:#EDF1F7;border-color:var(--line)}
.page-custom-development .bp-node--ext .ic svg{stroke:var(--slate-soft)}
.page-custom-development .bp-extags{display:flex;flex-wrap:wrap;gap:7px}
.page-custom-development .bp-extags span{font-size:12px;font-weight:500;color:var(--slate-soft);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 11px;line-height:1}
.page-custom-development .bp-foot{padding:13px 22px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--slate-soft);background:var(--bg-softer);line-height:1.6}

/* needs — 3 requirement groups */
.page-custom-development .need-grid{display:grid;grid-template-columns:1.06fr .94fr;grid-template-rows:auto auto;gap:22px;max-width:1060px;margin:0 auto}
.page-custom-development .need-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden;display:flex;flex-direction:column}
.page-custom-development .need-card--a{grid-row:1 / span 2}
.page-custom-development .need-head{padding:26px 28px 14px;display:flex;gap:15px;align-items:flex-start}
.page-custom-development .need-tile{width:46px;height:46px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center}
.page-custom-development .need-tile svg{width:22px;height:22px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-custom-development .need-card--a .need-tile{background:var(--blue-tint);border:1px solid var(--panel-line)}
.page-custom-development .need-card--a .need-tile svg{stroke:var(--blue)}
.page-custom-development .need-card--b .need-tile{background:#E9EDF4;border:1px solid var(--line)}
.page-custom-development .need-card--b .need-tile svg{stroke:var(--slate)}
.page-custom-development .need-card--c .need-tile{background:var(--green-tint);border:1px solid rgba(31,157,87,.2)}
.page-custom-development .need-card--c .need-tile svg{stroke:var(--green-ink)}
.page-custom-development .need-head .ne{display:block;font-family:var(--num);font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--slate-soft);text-transform:uppercase;margin-bottom:3px}
.page-custom-development .need-head h3{font-size:19px;line-height:1.35}
.page-custom-development .need-head .nd{font-size:13.5px;color:var(--slate-soft);line-height:1.7;margin-top:4px}
.page-custom-development .need-list{padding:0 28px 24px;display:flex;flex-direction:column}
.page-custom-development .need-list li{padding:15px 0;border-top:1px solid var(--line-soft)}
.page-custom-development .need-list li:first-child{border-top:0}
.page-custom-development .need-list .k{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink);font-size:15.5px;line-height:1.5}
.page-custom-development .need-list .k svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-custom-development .need-list .d{font-size:13.5px;color:var(--slate-soft);line-height:1.7;margin:3px 0 0 25px}
.page-custom-development .need-chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px 28px 26px;align-content:start;flex:1}
.page-custom-development .need-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--bg-softer);border-radius:10px;padding:13px 14px;font-size:14px;font-weight:600;color:var(--ink);line-height:1.45}
.page-custom-development .need-chip svg{width:15px;height:15px;flex:none;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-custom-development .need-card--b .need-chip svg{stroke:var(--slate-soft)}
.page-custom-development .need-card--c .need-chip svg{stroke:var(--green-ink)}
.page-custom-development .need-foot{display:flex;align-items:center;justify-content:center;gap:8px;max-width:1060px;margin:26px auto 0;font-size:14px;color:var(--slate)}
.page-custom-development .need-foot svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.8;flex:none}
.page-custom-development .need-foot a{font-weight:700}

/* architecture — requirement → delivery pipeline */
.page-custom-development .arch{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);max-width:1100px;margin:0 auto;position:relative}
.page-custom-development .arch::before{content:"";position:absolute;top:21px;left:21px;right:8%;height:2px;background:var(--panel-line)}
.page-custom-development .arch-step{position:relative;padding-right:26px}
.page-custom-development .arch-node{position:relative;z-index:1;width:44px;height:44px;border-radius:11px;background:#fff;border:1.5px solid var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.page-custom-development .arch-node svg{width:20px;height:20px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-custom-development .arch-step:not(:last-child)::after{content:"";position:absolute;top:17px;right:30px;width:9px;height:9px;border-top:2px solid #A8B8D8;border-right:2px solid #A8B8D8;transform:rotate(45deg)}
.page-custom-development .arch-step .an{display:block;font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--blue);margin-bottom:6px}
.page-custom-development .arch-step h3{font-size:16.5px;margin-bottom:7px}
.page-custom-development .arch-step .q{font-size:13.5px;color:var(--slate-soft);line-height:1.75}
.page-custom-development .arch-note{max-width:720px;margin:40px auto 0;text-align:center;font-size:13.5px;color:var(--slate-soft);line-height:1.9}

/* service scope — wide content rows */
.page-custom-development .svc-panel{max-width:1060px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden}
.page-custom-development .svc-head{display:flex;align-items:center;gap:10px;padding:16px 30px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);font-size:13.5px;font-weight:700;color:var(--slate-soft)}
.page-custom-development .svc-head svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-custom-development .svc-head .ct{margin-left:auto;font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--blue-ink);background:var(--blue-tint);border-radius:999px;padding:5px 11px}
.page-custom-development .svc-row{display:grid;grid-template-columns:300px 1fr auto;gap:26px;align-items:center;padding:19px 30px;border-top:1px solid var(--line-soft)}
.page-custom-development .svc-row:first-of-type{border-top:0}
.page-custom-development .svc-row .st{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.5}
.page-custom-development .svc-row .st svg{width:19px;height:19px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-custom-development .svc-row .sd{font-size:14px;color:var(--slate-soft);line-height:1.7}
.page-custom-development .svc-note{display:flex;gap:10px;align-items:flex-start;padding:17px 30px;background:var(--bg-softer);border-top:1px dashed var(--line);font-size:13.5px;color:var(--slate-soft);line-height:1.75}
.page-custom-development .svc-note svg{width:17px;height:17px;stroke:var(--amber-ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-custom-development .svc-note b{color:var(--ink)}

/* process — 5 sequential steps */
.page-custom-development .steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:28px;max-width:1100px;margin:0 auto}
.page-custom-development .step{position:relative;padding-top:24px;border-top:2px solid var(--panel-line)}
.page-custom-development .step::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:4px;background:var(--blue)}
.page-custom-development .step .sn{font-family:var(--num);font-size:30px;font-weight:700;color:var(--blue);letter-spacing:-.02em;line-height:1;margin-bottom:14px}
.page-custom-development .step h3{font-size:17px;margin-bottom:8px}
.page-custom-development .step p{font-size:13.5px;color:var(--slate-soft);line-height:1.75}

/* prep — doc preview + checklist */
.page-custom-development .prep2-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;max-width:1060px;margin:0 auto}
.page-custom-development .doc-mock{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-pop);overflow:hidden;max-width:430px;grid-column:1;grid-row:1}
.page-custom-development .doc-bar{display:flex;align-items:center;gap:9px;padding:13px 20px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft)}
.page-custom-development .doc-bar svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-custom-development .doc-bar .dt{font-size:13px;font-weight:700;color:var(--ink)}
.page-custom-development .doc-bar .ds{margin-left:auto;font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--slate-soft)}
.page-custom-development .doc-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.page-custom-development .doc-field .fl{font-size:12px;font-weight:700;color:var(--slate-soft);margin-bottom:5px}
.page-custom-development .doc-field .fv{font-size:13.5px;color:var(--ink);background:var(--bg-softer);border:1px dashed var(--line);border-radius:8px;padding:9px 12px;line-height:1.65}
.page-custom-development .doc-field .fv--empty{color:var(--slate-soft);background:#fff;border-color:#D5DDEA}
.page-custom-development .doc-foot{padding:13px 22px;border-top:1px solid var(--line-soft);background:var(--bg-softer);font-size:12px;color:var(--slate-soft);line-height:1.6}
.page-custom-development .prep2-tx{grid-column:2;grid-row:1}
.page-custom-development .prep2-tx .eyebrow{display:block;margin-bottom:16px}
.page-custom-development .prep2-tx h2{font-size:clamp(26px,3vw,33px);margin-bottom:14px}
.page-custom-development .prep2-tx > p{color:var(--slate-soft);font-size:16px;margin-bottom:22px;max-width:480px}
.page-custom-development .prep2-list{display:grid;grid-template-columns:1fr;margin-bottom:22px}
.page-custom-development .prep2-list li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:15px;color:var(--ink);font-weight:500;line-height:1.55}
.page-custom-development .prep2-list li:last-child{border-bottom:0}
.page-custom-development .prep2-list .box{width:21px;height:21px;border-radius:6px;border:1.5px solid var(--panel-line);background:var(--blue-faint);display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:4px}
.page-custom-development .prep2-list .box svg{width:13px;height:13px;stroke:var(--blue);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.page-custom-development .prep2-hint{display:flex;gap:11px;align-items:flex-start;background:var(--blue-faint);border:1px solid var(--panel-line);border-radius:12px;padding:15px 18px;font-size:14px;color:var(--slate);line-height:1.7;max-width:520px}
.page-custom-development .prep2-hint svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}
.page-custom-development .prep2-hint b{color:var(--ink)}

/* fit — suitable vs needs-scoping comparison */
.page-custom-development .fit-panel,.page-maintenance .fit-panel,.page-managed-wordpress .fit-panel{max-width:1020px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden}
.page-custom-development .fit-cols,.page-maintenance .fit-cols,.page-managed-wordpress .fit-cols{display:grid;grid-template-columns:1fr 1fr}
.page-custom-development .fit-col,.page-maintenance .fit-col,.page-managed-wordpress .fit-col{padding:30px 34px 28px}
.page-custom-development .fit-col--b,.page-maintenance .fit-col--b,.page-managed-wordpress .fit-col--b{border-left:1px solid var(--line-soft);background:var(--bg-softer)}
.page-custom-development .fit-h,.page-maintenance .fit-h,.page-managed-wordpress .fit-h{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.page-custom-development .fit-e,.page-maintenance .fit-e,.page-managed-wordpress .fit-e{display:block;font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--slate-soft);margin-bottom:14px}
.page-custom-development .fit-list li,.page-maintenance .fit-list li,.page-managed-wordpress .fit-list li{display:flex;gap:11px;align-items:flex-start;padding:12.5px 0;border-bottom:1px solid var(--line-soft);font-size:14.5px;font-weight:500;color:var(--ink);line-height:1.6}
.page-custom-development .fit-list li:last-child,.page-maintenance .fit-list li:last-child,.page-managed-wordpress .fit-list li:last-child{border-bottom:0}
.page-custom-development .fit-list svg,.page-maintenance .fit-list svg,.page-managed-wordpress .fit-list svg{width:18px;height:18px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-custom-development .fit-col--a .fit-list svg,.page-maintenance .fit-col--a .fit-list svg,.page-managed-wordpress .fit-col--a .fit-list svg{stroke:var(--green)}
.page-custom-development .fit-col--b .fit-list svg,.page-maintenance .fit-col--b .fit-list svg,.page-managed-wordpress .fit-col--b .fit-list svg{stroke:var(--slate-soft)}
.page-custom-development .fit-foot,.page-maintenance .fit-foot,.page-managed-wordpress .fit-foot{display:flex;gap:10px;align-items:flex-start;padding:17px 34px;border-top:1px solid var(--line-soft);font-size:13.5px;color:var(--slate-soft);line-height:1.75;background:#fff}
.page-custom-development .fit-foot svg,.page-maintenance .fit-foot svg,.page-managed-wordpress .fit-foot svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-custom-development .fit-foot b,.page-maintenance .fit-foot b,.page-managed-wordpress .fit-foot b{color:var(--ink)}

/* pricing — page-specific text measure */
.page-custom-development .price-tx p,.page-maintenance .price-tx p,.page-managed-wordpress .price-tx p{color:var(--slate-soft);font-size:16px;max-width:460px;margin-bottom:26px}

/* =========================================================
   MAINTENANCE PAGE
   ========================================================= */
.page-maintenance .hero-note .nowrap,.page-managed-wordpress .hero-note .nowrap{white-space:nowrap}
.page-maintenance .pill--wait,.page-managed-wordpress .pill--wait{background:var(--amber-tint);border-color:rgba(232,161,59,.32);color:var(--amber-ink);font-weight:700;font-size:12.5px}
.page-maintenance .pill--wait .dot,.page-managed-wordpress .pill--wait .dot{background:var(--amber)}

/* maintenance log panel */
.page-maintenance .mlog{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-pop);overflow:hidden;max-width:480px;justify-self:end;width:100%}
.page-maintenance .mlog-head{display:flex;align-items:center;gap:9px;padding:15px 22px;border-bottom:1px solid var(--line-soft);background:var(--bg-softer)}
.page-maintenance .mlog-head .dot{width:8px;height:8px;border-radius:50%;background:var(--green);position:relative;flex:none}
.page-maintenance .mlog-head .dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--green);opacity:.35;animation:ping 2s ease-out infinite}
.page-maintenance .mlog-head .t{font-family:var(--num);font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
.page-maintenance .mlog-head .s{margin-left:auto;font-size:12px;color:var(--slate-soft)}
.page-maintenance .mlog-dates{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line-soft)}
.page-maintenance .mlog-date{padding:14px 22px;display:flex;flex-direction:column;gap:2px}
.page-maintenance .mlog-date + .mlog-date{border-left:1px solid var(--line-soft)}
.page-maintenance .mlog-date .dl{font-size:11.5px;font-weight:700;color:var(--slate-soft);letter-spacing:.04em}
.page-maintenance .mlog-date .dv{font-family:var(--num);font-size:16.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}
.page-maintenance .mlog-date .dv svg{width:15px;height:15px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-maintenance .mlog-date--next .dv svg{stroke:var(--green-ink)}
.page-maintenance .mlog-list{padding:8px 22px 10px;display:flex;flex-direction:column}
.page-maintenance .mlog-item{display:flex;align-items:center;gap:12px;padding:12.5px 0;border-top:1px solid var(--line-soft)}
.page-maintenance .mlog-item:first-child{border-top:0}
.page-maintenance .mlog-item .ck{width:22px;height:22px;border-radius:7px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--line)}
.page-maintenance .mlog-item .ck svg{width:13px;height:13px;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.page-maintenance .mlog-item--done .ck{background:var(--green-tint);border-color:rgba(31,157,87,.32)}
.page-maintenance .mlog-item--done .ck svg{stroke:var(--green-ink)}
.page-maintenance .mlog-item--wait .ck{background:var(--amber-tint);border-color:rgba(232,161,59,.4)}
.page-maintenance .mlog-item--wait .ck svg{stroke:var(--amber-ink)}
.page-maintenance .mlog-item--todo .ck{background:var(--bg-softer)}
.page-maintenance .mlog-item .mt{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.45}
.page-maintenance .mlog-item .ms{font-family:var(--num);font-size:11px;font-weight:600;color:var(--slate-soft);letter-spacing:.04em;display:block;line-height:1.5}
.page-maintenance .mlog-item .st{margin-left:auto;flex:none}
.page-maintenance .mlog-prog{display:flex;align-items:center;gap:12px;padding:13px 22px;border-top:1px solid var(--line-soft);background:var(--bg-softer)}
.page-maintenance .mlog-prog .bar{flex:1;height:6px;border-radius:999px;background:var(--line-soft);overflow:hidden}
.page-maintenance .mlog-prog .bar i{display:block;height:100%;width:60%;border-radius:999px;background:var(--green)}
.page-maintenance .mlog-prog .pt{font-family:var(--num);font-size:12px;font-weight:700;color:var(--green-ink);flex:none}
.page-maintenance .mlog-foot{padding:11px 22px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--slate-soft);background:var(--bg-softer);line-height:1.6}

/* why — accumulation track + situations */
.page-maintenance .drift{max-width:1020px;margin:0 auto 54px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden}
.page-maintenance .drift-head{display:flex;align-items:center;gap:10px;padding:15px 28px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);font-size:13.5px;font-weight:700;color:var(--slate-soft)}
.page-maintenance .drift-head svg{width:17px;height:17px;stroke:var(--slate-soft);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-maintenance .drift-track{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:30px 28px 28px;gap:0}
.page-maintenance .drift-stage{position:relative;padding-right:34px}
.page-maintenance .drift-stage:last-child{padding-right:0}
.page-maintenance .drift-stage:not(:last-child)::after{
  content:"";position:absolute;top:34px;right:13px;width:9px;height:9px;
  border-top:2px solid #A8B8D8;border-right:2px solid #A8B8D8;transform:rotate(45deg);
}
.page-maintenance .drift-stage:not(:last-child)::before{
  content:"";position:absolute;top:38px;right:8px;width:26px;border-top:2px solid var(--panel-line);
}
.page-maintenance .drift-stack{display:flex;flex-direction:column-reverse;gap:4px;height:78px;justify-content:flex-start;margin-bottom:16px}
.page-maintenance .drift-stack i{display:block;height:14px;border-radius:5px;background:var(--blue-tint);border:1px solid var(--panel-line);max-width:120px}
.page-maintenance .drift-stage--3 .drift-stack i:nth-child(n+3),
.page-maintenance .drift-stage--4 .drift-stack i:nth-child(n+3){background:var(--amber-tint);border-color:rgba(232,161,59,.32)}
.page-maintenance .drift-stage .dn{display:block;font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--slate-soft);margin-bottom:6px}
.page-maintenance .drift-stage h3{font-size:16px;margin-bottom:5px}
.page-maintenance .drift-stage p{font-size:13px;color:var(--slate-soft);line-height:1.7}
.page-maintenance .drift-foot{display:flex;gap:10px;align-items:flex-start;padding:16px 28px;background:var(--bg-softer);border-top:1px dashed var(--line);font-size:13.5px;color:var(--slate-soft);line-height:1.75}
.page-maintenance .drift-foot svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-maintenance .drift-foot b{color:var(--ink)}
.page-maintenance .sit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1020px;margin:0 auto}
.page-maintenance .sit{display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 20px;box-shadow:var(--sh-sm)}
.page-maintenance .sit .ic{width:36px;height:36px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--bg-softer);border:1px solid var(--line)}
.page-maintenance .sit .ic svg{width:18px;height:18px;stroke:var(--slate);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-maintenance .sit .tt{font-size:15px;font-weight:700;color:var(--ink);line-height:1.5;margin-top:5px}

/* scope — maintenance worksheet */
.page-maintenance .ws-panel{max-width:1020px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden}
.page-maintenance .ws-head{display:flex;align-items:center;gap:10px;padding:16px 30px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);font-size:13.5px;font-weight:700;color:var(--slate-soft)}
.page-maintenance .ws-head svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-maintenance .ws-head .ct{margin-left:auto;font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--blue-ink);background:var(--blue-tint);border-radius:999px;padding:5px 11px;white-space:nowrap}
.page-maintenance .ws-group{border-top:1px solid var(--line-soft)}
.page-maintenance .ws-group:first-of-type{border-top:0}
.page-maintenance .ws-gh{display:flex;align-items:center;gap:13px;padding:16px 30px 4px}
.page-maintenance .ws-gh .gl{width:34px;height:34px;border-radius:10px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--num);font-weight:700;font-size:14.5px;background:var(--blue-faint);border:1px solid var(--panel-line);color:var(--blue)}
.page-maintenance .ws-gh h3{font-size:17px}
.page-maintenance .ws-gh .ge{margin-left:auto;font-family:var(--num);font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--slate-soft);text-transform:uppercase;white-space:nowrap}
.page-maintenance .ws-items{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;padding:8px 30px 20px 30px}
.page-maintenance .ws-item{display:flex;align-items:flex-start;gap:11px;padding:10.5px 0;border-bottom:1px solid var(--line-soft);font-size:14.5px;font-weight:500;color:var(--ink);line-height:1.6}
.page-maintenance .ws-item:nth-last-child(-n+2){border-bottom:0}
.page-maintenance .ws-item .box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--panel-line);background:var(--blue-faint);display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:3px}
.page-maintenance .ws-item .box svg{width:12px;height:12px;stroke:var(--blue);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.page-maintenance .ws-note{display:flex;gap:10px;align-items:flex-start;padding:17px 30px;background:var(--bg-softer);border-top:1px dashed var(--line);font-size:13.5px;color:var(--slate-soft);line-height:1.75}
.page-maintenance .ws-note svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-maintenance .ws-note b{color:var(--ink)}

/* cycle — monthly maintenance loop */
.page-maintenance .cycle{max-width:1100px;margin:0 auto;position:relative}
.page-maintenance .cycle-steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:26px;position:relative}
.page-maintenance .cycle-steps::before{content:"";position:absolute;top:23px;left:24px;right:24px;height:2px;background:var(--panel-line)}
.page-maintenance .cy-step{position:relative}
.page-maintenance .cy-node{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-family:var(--num);font-weight:700;font-size:15px;color:var(--blue)}
.page-maintenance .cy-step h3{font-size:16.5px;margin-bottom:7px}
.page-maintenance .cy-step p{font-size:13.5px;color:var(--slate-soft);line-height:1.75}
.page-maintenance .cycle-loop{position:relative;margin:38px 24px 0;height:46px;border:2px dashed var(--panel-line);border-top:0;border-radius:0 0 18px 18px}
.page-maintenance .cycle-loop::before{content:"";position:absolute;left:-2px;top:-30px;height:30px;border-left:2px dashed var(--panel-line)}
.page-maintenance .cycle-loop::after{content:"";position:absolute;right:-2px;top:-30px;height:30px;border-right:2px dashed var(--panel-line)}
.page-maintenance .cycle-loop .arrow{position:absolute;left:-7px;top:-34px;width:11px;height:11px;border-top:2px solid #A8B8D8;border-left:2px solid #A8B8D8;transform:rotate(45deg)}
.page-maintenance .cycle-loop .lb{
  position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  background:#fff;border:1px solid var(--line);border-radius:999px;
  padding:8px 18px;font-size:13.5px;font-weight:700;color:var(--ink);box-shadow:var(--sh-sm);
}
.page-maintenance .cycle-loop .lb svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-maintenance .cycle-loop .lb .num{color:var(--blue)}
.page-maintenance .cycle-note{max-width:720px;margin:56px auto 0;text-align:center;font-size:13.5px;color:var(--slate-soft);line-height:1.9}

/* report — maintenance report mock */
.page-maintenance .rep-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;max-width:1060px;margin:0 auto}
.page-maintenance .rep-tx .eyebrow{display:block;margin-bottom:16px}
.page-maintenance .rep-tx h2{font-size:clamp(26px,3vw,33px);margin-bottom:14px}
.page-maintenance .rep-tx > p{color:var(--slate-soft);font-size:16px;margin-bottom:22px;max-width:480px}
.page-maintenance .rep-points{display:flex;flex-direction:column}
.page-maintenance .rep-points li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:15px;color:var(--ink);font-weight:500;line-height:1.55}
.page-maintenance .rep-points li:last-child{border-bottom:0}
.page-maintenance .rep-points .box{width:21px;height:21px;border-radius:6px;border:1.5px solid rgba(31,157,87,.3);background:var(--green-tint);display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:4px}
.page-maintenance .rep-points .box svg{width:13px;height:13px;stroke:var(--green-ink);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.page-maintenance .report{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-pop);overflow:hidden;max-width:480px;justify-self:end;width:100%}
.page-maintenance .report-bar{display:flex;align-items:center;gap:9px;padding:13px 22px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft)}
.page-maintenance .report-bar svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-maintenance .report-bar .dt{font-size:13px;font-weight:700;color:var(--ink)}
.page-maintenance .report-bar .sample{margin-left:auto;font-family:var(--num);font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--amber-ink);background:var(--amber-tint);border:1px solid rgba(232,161,59,.32);border-radius:999px;padding:4px 10px;white-space:nowrap}
.page-maintenance .report-meta{display:flex;align-items:baseline;gap:10px;padding:16px 22px 13px;border-bottom:1px solid var(--line-soft)}
.page-maintenance .report-meta .ml{font-size:12.5px;font-weight:700;color:var(--slate-soft)}
.page-maintenance .report-meta .mv{font-family:var(--num);font-size:17px;font-weight:700;color:var(--ink)}
.page-maintenance .report-sec{padding:14px 22px 6px}
.page-maintenance .report-sec + .report-sec{border-top:1px solid var(--line-soft)}
.page-maintenance .report-sec .rl{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--slate-soft);margin-bottom:6px}
.page-maintenance .report-sec .rl .rdot{width:7px;height:7px;border-radius:50%;flex:none}
.page-maintenance .report-sec--done .rl .rdot{background:var(--green)}
.page-maintenance .report-sec--found .rl .rdot{background:var(--amber)}
.page-maintenance .report-sec--next .rl .rdot{background:var(--blue)}
.page-maintenance .report-sec ul{padding-bottom:10px}
.page-maintenance .report-sec li{display:flex;align-items:flex-start;gap:9px;padding:5.5px 0;font-size:13.5px;color:var(--ink);font-weight:500;line-height:1.6}
.page-maintenance .report-sec li svg{width:15px;height:15px;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:5px}
.page-maintenance .report-sec--done li svg{stroke:var(--green-ink)}
.page-maintenance .report-sec--found li svg{stroke:var(--amber-ink)}
.page-maintenance .report-sec--next li svg{stroke:var(--blue)}
.page-maintenance .report-sec .ver{font-family:var(--num);font-size:11.5px;font-weight:700;color:var(--blue-ink);background:var(--blue-faint);border:1px solid var(--panel-line);border-radius:6px;padding:1px 7px;white-space:nowrap}
.page-maintenance .report-sec .why{display:block;font-size:12.5px;font-weight:400;color:var(--slate-soft);line-height:1.6}
.page-maintenance .report-foot{padding:12px 22px;border-top:1px solid var(--line-soft);background:var(--bg-softer);font-size:12px;color:var(--slate-soft);line-height:1.6}

/* suitable — wide rows */
.page-maintenance .suit-panel{max-width:920px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden}
.page-maintenance .suit-row{display:flex;align-items:flex-start;gap:14px;padding:17px 30px;border-top:1px solid var(--line-soft)}
.page-maintenance .suit-row:first-child{border-top:0}
.page-maintenance .suit-row .ck{width:24px;height:24px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--green-tint);border:1px solid rgba(31,157,87,.26);margin-top:3px}
.page-maintenance .suit-row .ck svg{width:13px;height:13px;stroke:var(--green-ink);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.page-maintenance .suit-row .tt{font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.6}
.page-maintenance .suit-row .td{font-size:13.5px;color:var(--slate-soft);line-height:1.7}
.page-maintenance .suit-hint{display:flex;gap:11px;align-items:flex-start;max-width:920px;margin:22px auto 0;background:var(--blue-faint);border:1px solid var(--panel-line);border-radius:12px;padding:16px 22px;font-size:14px;color:var(--slate);line-height:1.75}
.page-maintenance .suit-hint svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}
.page-maintenance .suit-hint b{color:var(--ink)}

/* pricing — single plan */
.page-maintenance .price-grid,.page-managed-wordpress .price-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:64px;align-items:center;max-width:1040px;margin:0 auto}
.page-maintenance .price-tx .amount,.page-managed-wordpress .price-tx .amount{display:flex;align-items:baseline;gap:8px;margin-bottom:16px;white-space:nowrap}
.page-maintenance .price-tx .amount .cur,.page-managed-wordpress .price-tx .amount .cur{font-family:var(--num);font-size:20px;font-weight:700;color:var(--ink)}
.page-maintenance .price-tx .amount .val,.page-managed-wordpress .price-tx .amount .val{font-family:var(--num);font-size:52px;font-weight:700;color:var(--ink);letter-spacing:-.03em;line-height:1}
.page-maintenance .price-tx .amount .per,.page-managed-wordpress .price-tx .amount .per{font-size:17px;font-weight:700;color:var(--slate-soft)}
.page-maintenance .price-card-head,.page-managed-wordpress .price-card-head{display:flex;align-items:center;gap:10px;padding:17px 28px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);font-size:13.5px;font-weight:700;color:var(--slate-soft)}
.page-maintenance .price-card-head .ct,.page-managed-wordpress .price-card-head .ct{margin-left:auto;font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--green-ink);background:var(--green-tint);border-radius:999px;padding:5px 11px;white-space:nowrap}
.page-maintenance .price-inc{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:10px 28px 16px}
.page-maintenance .price-inc li{display:flex;align-items:flex-start;gap:10px;padding:10.5px 0;border-bottom:1px solid var(--line-soft);font-size:14.5px;font-weight:500;color:var(--ink);line-height:1.55}
.page-maintenance .price-inc li:nth-last-child(-n+2){border-bottom:0}
.page-maintenance .price-inc svg{width:17px;height:17px;stroke:var(--green);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-maintenance .price-notes,.page-managed-wordpress .price-notes{padding:6px 28px 20px;border-top:1px dashed var(--line)}
.page-maintenance .price-notes .nh,.page-managed-wordpress .price-notes .nh{font-size:12.5px;font-weight:700;color:var(--slate-soft);padding:14px 0 4px}
.page-maintenance .price-notes li,.page-managed-wordpress .price-notes li{display:flex;align-items:flex-start;gap:9px;padding:6.5px 0;font-size:13.5px;color:var(--slate-soft);line-height:1.7}
.page-maintenance .price-notes svg,.page-managed-wordpress .price-notes svg{width:15px;height:15px;stroke:var(--slate-soft);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:5px}

/* prep — checklist */
.page-maintenance .prep-grid,.page-managed-wordpress .prep-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;max-width:1040px;margin:0 auto}
.page-maintenance .prep-tx .eyebrow,.page-managed-wordpress .prep-tx .eyebrow{display:block;margin-bottom:16px}
.page-maintenance .prep-tx h2,.page-managed-wordpress .prep-tx h2{font-size:clamp(26px,3vw,33px);margin-bottom:14px}
.page-maintenance .prep-tx > p,.page-managed-wordpress .prep-tx > p{color:var(--slate-soft);font-size:16px;margin-bottom:22px;max-width:460px}
.page-maintenance .prep-hint,.page-managed-wordpress .prep-hint{display:flex;gap:11px;align-items:flex-start;background:var(--blue-faint);border:1px solid var(--panel-line);border-radius:12px;padding:15px 18px;font-size:14px;color:var(--slate);line-height:1.7;max-width:520px}
.page-maintenance .prep-hint svg,.page-managed-wordpress .prep-hint svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}
.page-maintenance .prep-hint b,.page-managed-wordpress .prep-hint b{color:var(--ink)}
.page-maintenance .prep-card,.page-managed-wordpress .prep-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden;max-width:none;margin:0}
.page-maintenance .prep-card-head,.page-managed-wordpress .prep-card-head{display:flex;align-items:center;gap:10px;padding:15px 26px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);font-size:13px;font-weight:700;color:var(--slate-soft)}
.page-maintenance .prep-card-head svg,.page-managed-wordpress .prep-card-head svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-maintenance .prep-list,.page-managed-wordpress .prep-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:10px 26px 18px}
.page-maintenance .prep-list li,.page-managed-wordpress .prep-list li{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:14.5px;color:var(--ink);font-weight:500;line-height:1.55}
.page-maintenance .prep-list li:nth-last-child(-n+2),.page-managed-wordpress .prep-list li:nth-last-child(-n+2){border-bottom:0}
.page-maintenance .prep-list .box,.page-managed-wordpress .prep-list .box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--panel-line);background:var(--blue-faint);display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:3px}
.page-maintenance .prep-list .box svg,.page-managed-wordpress .prep-list .box svg{width:12px;height:12px;stroke:var(--blue);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* =========================================================
   MANAGED WORDPRESS PAGE
   ========================================================= */
.page-managed-wordpress .sec-head{max-width:700px}
.page-managed-wordpress .monthly .sec-head .eyebrow{color:var(--blue-bright)}

/* operations console (dark panel) */
.page-managed-wordpress .console{background:linear-gradient(165deg,#101E38 0%,var(--navy-2) 60%,#0F1D36 100%);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 24px 50px -18px rgba(10,20,36,.55), 0 2px 8px rgba(10,20,36,.2);overflow:hidden;max-width:500px;justify-self:end;width:100%}
.page-managed-wordpress .console-head{display:flex;align-items:center;gap:10px;padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.page-managed-wordpress .console-head .dot{width:8px;height:8px;border-radius:50%;background:var(--green);position:relative;flex:none}
.page-managed-wordpress .console-head .dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--green);opacity:.35;animation:ping 2s ease-out infinite}
.page-managed-wordpress .console-head .t{font-family:var(--num);font-size:12.5px;font-weight:700;letter-spacing:.1em;color:#E7EDF7}
.page-managed-wordpress .console-head .sample{margin-left:auto;font-family:var(--num);font-size:10.5px;font-weight:700;letter-spacing:.12em;color:#F2C679;background:rgba(232,161,59,.14);border:1px solid rgba(232,161,59,.35);border-radius:999px;padding:4px 10px;white-space:nowrap}
.page-managed-wordpress .console-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 18px 8px}
.page-managed-wordpress .con-tile{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px 14px 11px;display:flex;flex-direction:column;gap:6px}
.page-managed-wordpress .con-tile .cl{font-family:var(--num);font-size:10px;font-weight:700;letter-spacing:.12em;color:#7E8DA8;text-transform:uppercase;line-height:1.4}
.page-managed-wordpress .con-tile .cz{font-size:13.5px;font-weight:700;color:#E7EDF7;line-height:1.45}
.page-managed-wordpress .con-st{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;line-height:1;align-self:flex-start;padding:5px 10px;border-radius:999px;white-space:nowrap}
.page-managed-wordpress .con-st i{width:6px;height:6px;border-radius:50%;flex:none}
.page-managed-wordpress .con-st--ok{background:rgba(31,157,87,.16);border:1px solid rgba(31,157,87,.38);color:#5BCB91}
.page-managed-wordpress .con-st--ok i{background:#3FBA77}
.page-managed-wordpress .con-st--run{background:rgba(92,138,240,.14);border:1px solid rgba(92,138,240,.38);color:#9AB7F5}
.page-managed-wordpress .con-st--run i{background:#5C8AF0}
.page-managed-wordpress .con-st--busy{background:rgba(232,161,59,.13);border:1px solid rgba(232,161,59,.36);color:#F2C679}
.page-managed-wordpress .con-st--busy i{background:var(--amber)}
.page-managed-wordpress .console-queue{margin:10px 18px 0;border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden}
.page-managed-wordpress .console-queue .qh{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--num);font-size:10px;font-weight:700;letter-spacing:.12em;color:#7E8DA8;text-transform:uppercase}
.page-managed-wordpress .console-queue .qh svg{width:14px;height:14px;stroke:#7E8DA8;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-managed-wordpress .console-queue li{display:flex;align-items:center;gap:10px;padding:10.5px 14px;border-top:1px solid rgba(255,255,255,.06);font-size:13px;font-weight:500;color:#C4CEDD}
.page-managed-wordpress .console-queue li:first-of-type{border-top:0}
.page-managed-wordpress .console-queue li .st{margin-left:auto;flex:none}
.page-managed-wordpress .console-queue li svg{width:15px;height:15px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-managed-wordpress .console-queue li.q-busy > svg{stroke:#F2C679}
.page-managed-wordpress .console-queue li.q-ok > svg{stroke:#5BCB91}
.page-managed-wordpress .console-foot{padding:12px 22px 14px;font-size:11.5px;color:#7E8DA8;line-height:1.6}

/* one window — scattered vendors vs single contact */
.page-managed-wordpress .voices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1020px;margin:0 auto 18px}
.page-managed-wordpress .voice{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px 16px;box-shadow:var(--sh-sm)}
.page-managed-wordpress .voice .vr{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--slate-soft);background:var(--bg-softer);border:1px solid var(--line);border-radius:999px;padding:5px 11px;margin-bottom:10px;line-height:1}
.page-managed-wordpress .voice .vr i{width:6px;height:6px;border-radius:50%;background:var(--slate-soft);flex:none}
.page-managed-wordpress .voice p{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.6}
.page-managed-wordpress .voice--sum{background:var(--bg-softer);border-style:dashed}
.page-managed-wordpress .voice--sum .vr{background:#fff}
.page-managed-wordpress .voices + .voices{margin-bottom:54px}
.page-managed-wordpress .flowbox{max-width:1020px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden}
.page-managed-wordpress .flow-row{padding:26px 30px 24px}
.page-managed-wordpress .flow-row + .flow-row{border-top:1px solid var(--line-soft)}
.page-managed-wordpress .flow-row--b{background:var(--blue-faint)}
.page-managed-wordpress .flow-lab{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.page-managed-wordpress .flow-lab .fe{font-family:var(--num);font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--slate-soft);text-transform:uppercase}
.page-managed-wordpress .flow-steps{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:stretch;gap:0}
.page-managed-wordpress .fstep{border-radius:11px;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:74px}
.page-managed-wordpress .fstep .ft{font-size:15px;font-weight:700;color:var(--ink);line-height:1.5}
.page-managed-wordpress .fstep .fd{font-size:12.5px;color:var(--slate-soft);line-height:1.6}
.page-managed-wordpress .flow-row--a .fstep{background:var(--bg-softer);border:1px solid var(--line)}
.page-managed-wordpress .flow-row--a .fstep:last-of-type{background:var(--amber-tint);border-color:rgba(232,161,59,.32)}
.page-managed-wordpress .flow-row--b .fstep{background:#fff;border:1px solid var(--panel-line)}
.page-managed-wordpress .flow-row--b .fstep:first-of-type{background:var(--blue);border-color:var(--blue)}
.page-managed-wordpress .flow-row--b .fstep:first-of-type .ft{color:#fff}
.page-managed-wordpress .flow-row--b .fstep:first-of-type .fd{color:#C9D8F8}
.page-managed-wordpress .farr{display:flex;align-items:center;justify-content:center}
.page-managed-wordpress .farr svg{width:16px;height:16px;stroke:#A8B8D8;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-managed-wordpress .flow-foot{display:flex;gap:10px;align-items:flex-start;padding:17px 30px;background:var(--bg-softer);border-top:1px dashed var(--line);font-size:13.5px;color:var(--slate-soft);line-height:1.75}
.page-managed-wordpress .flow-foot svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-managed-wordpress .flow-foot b{color:var(--ink)}

/* scope — infrastructure stack */
.page-managed-wordpress .stack{max-width:1020px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden}
.page-managed-wordpress .stack-head{display:flex;align-items:center;gap:10px;padding:16px 30px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);font-size:13.5px;font-weight:700;color:var(--slate-soft)}
.page-managed-wordpress .stack-head svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-managed-wordpress .stack-head .ct{margin-left:auto;font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--blue-ink);background:var(--blue-tint);border-radius:999px;padding:5px 11px;white-space:nowrap}
.page-managed-wordpress .layer{display:grid;grid-template-columns:236px 1fr;border-top:1px solid var(--line-soft)}
.page-managed-wordpress .layer:first-of-type{border-top:0}
.page-managed-wordpress .layer-id{padding:26px 26px 26px 30px;border-right:1px solid var(--line-soft);background:var(--bg-softer);display:flex;flex-direction:column;gap:9px;position:relative}
.page-managed-wordpress .layer-id .lvl{display:flex;align-items:center;gap:6px}
.page-managed-wordpress .layer-id .lvl i{display:block;width:22px;height:7px;border-radius:3px;background:var(--panel-line)}
.page-managed-wordpress .layer-id .lvl i.on{background:var(--blue)}
.page-managed-wordpress .layer-id .gl{width:40px;height:40px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--num);font-weight:700;font-size:17px;background:var(--blue-faint);border:1px solid var(--panel-line);color:var(--blue)}
.page-managed-wordpress .layer-id h3{font-size:17.5px;line-height:1.4}
.page-managed-wordpress .layer-id .ge{font-family:var(--num);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--slate-soft);text-transform:uppercase}
.page-managed-wordpress .layer-bd{padding:22px 30px 20px}
.page-managed-wordpress .layer-bd .ld{font-size:14px;color:var(--slate-soft);margin-bottom:12px;line-height:1.7}
.page-managed-wordpress .layer-items{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.page-managed-wordpress .layer-items li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;font-weight:500;color:var(--ink);line-height:1.6;padding:4px 0}
.page-managed-wordpress .layer-items .box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--panel-line);background:var(--blue-faint);display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:3px}
.page-managed-wordpress .layer-items .box svg{width:12px;height:12px;stroke:var(--blue);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.page-managed-wordpress .stack-note{display:flex;gap:10px;align-items:flex-start;padding:17px 30px;background:var(--bg-softer);border-top:1px dashed var(--line);font-size:13.5px;color:var(--slate-soft);line-height:1.75}
.page-managed-wordpress .stack-note svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-managed-wordpress .stack-note b{color:var(--ink)}

/* ops loop */
.page-managed-wordpress .ops{max-width:1100px;margin:0 auto}
.page-managed-wordpress .ops-steps{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;position:relative}
.page-managed-wordpress .ops-steps::before{content:"";position:absolute;top:27px;left:30px;right:30px;height:2px;background:var(--panel-line)}
.page-managed-wordpress .op-step{position:relative}
.page-managed-wordpress .op-node{position:relative;z-index:1;width:54px;height:54px;border-radius:14px;background:#fff;border:1.5px solid var(--panel-line);box-shadow:var(--sh-sm);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.page-managed-wordpress .op-node svg{width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-managed-wordpress .op-step .on{display:block;font-family:var(--num);font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--blue);margin-bottom:5px}
.page-managed-wordpress .op-step h3{font-size:15.5px;margin-bottom:6px;line-height:1.45}
.page-managed-wordpress .op-step p{font-size:13px;color:var(--slate-soft);line-height:1.7}
.page-managed-wordpress .ops-loop{display:flex;justify-content:center;margin-top:36px}
.page-managed-wordpress .ops-loop .lb{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:700;color:var(--ink);box-shadow:var(--sh-sm)}
.page-managed-wordpress .ops-loop .lb svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-managed-wordpress .ops-note{display:flex;gap:11px;align-items:flex-start;max-width:860px;margin:40px auto 0;background:var(--blue-faint);border:1px solid var(--panel-line);border-radius:12px;padding:16px 22px;font-size:14px;color:var(--slate);line-height:1.75}
.page-managed-wordpress .ops-note svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}
.page-managed-wordpress .ops-note b{color:var(--ink)}

/* monthly summary — dark band + summary mock */
.page-managed-wordpress .monthly{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 100%)}
.page-managed-wordpress .monthly::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(680px 420px at 92% 110%,rgba(42,92,215,.26),transparent 60%),radial-gradient(560px 360px at 4% -10%,rgba(92,138,240,.14),transparent 58%)}
.page-managed-wordpress .monthly .wrap{position:relative;z-index:1}
.page-managed-wordpress .monthly .sec-head h2{color:#fff}
.page-managed-wordpress .monthly .sec-head p{color:#A9B6CA}
.page-managed-wordpress .sum{max-width:1060px;margin:0 auto;background:#fff;border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 28px 60px -22px rgba(4,10,22,.7);overflow:hidden}
.page-managed-wordpress .sum-bar{display:flex;align-items:center;gap:9px;padding:14px 26px;background:var(--bg-softer);border-bottom:1px solid var(--line-soft)}
.page-managed-wordpress .sum-bar svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-managed-wordpress .sum-bar .dt{font-size:13.5px;font-weight:700;color:var(--ink)}
.page-managed-wordpress .sum-bar .cyc{font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--slate-soft);background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap}
.page-managed-wordpress .sum-bar .sample{margin-left:auto;font-family:var(--num);font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--amber-ink);background:var(--amber-tint);border:1px solid rgba(232,161,59,.32);border-radius:999px;padding:4px 10px;white-space:nowrap}
.page-managed-wordpress .sum-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.page-managed-wordpress .sum-mod{padding:20px 26px 18px;border-top:1px solid var(--line-soft)}
.page-managed-wordpress .sum-grid .sum-mod:nth-child(-n+3){border-top:0}
.page-managed-wordpress .sum-grid .sum-mod:nth-child(3n+2),.page-managed-wordpress .sum-grid .sum-mod:nth-child(3n){border-left:1px solid var(--line-soft)}
.page-managed-wordpress .sum-mod .sl{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--slate-soft);margin-bottom:10px}
.page-managed-wordpress .sum-mod .sl svg{width:15px;height:15px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-managed-wordpress .sum-mod li{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;color:var(--ink);font-weight:500;line-height:1.55}
.page-managed-wordpress .sum-mod li .st{margin-left:auto;flex:none}
.page-managed-wordpress .sum-mod li svg{width:14px;height:14px;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-managed-wordpress .sum-mod li.ok svg{stroke:var(--green-ink)}
.page-managed-wordpress .sum-mod li.inf svg{stroke:var(--blue)}
.page-managed-wordpress .sum-mod li.warn svg{stroke:var(--amber-ink)}
.page-managed-wordpress .sum-mod li .sub{display:block;font-size:12px;font-weight:400;color:var(--slate-soft);line-height:1.55}
.page-managed-wordpress .s-tag{font-family:var(--num);font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px;white-space:nowrap}
.page-managed-wordpress .s-tag--ok{color:var(--green-ink);background:var(--green-tint)}
.page-managed-wordpress .sum-foot{padding:13px 26px;border-top:1px solid var(--line-soft);background:var(--bg-softer);font-size:12px;color:var(--slate-soft);line-height:1.6}
.page-managed-wordpress .monthly-pts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}
.page-managed-wordpress .monthly-pts .pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#C4CEDD}
.page-managed-wordpress .monthly-pts .pill .dot{background:var(--blue-bright)}

/* compare — maintenance vs managed (semantic table) */
.page-managed-wordpress .cmp{max-width:1020px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden}
.page-managed-wordpress .cmp-tbl{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
.page-managed-wordpress .cmp-tbl th,.page-managed-wordpress .cmp-tbl td{padding:15px 24px;vertical-align:middle;font-weight:400}
.page-managed-wordpress .cmp-hrow th{padding:18px 24px 16px;vertical-align:top}
.page-managed-wordpress .cmp-hrow .c-item{vertical-align:bottom}
.page-managed-wordpress .cmp-hrow .c-item{width:31.75%;background:var(--bg-softer);border-right:1px solid var(--line-soft);font-size:12.5px;font-weight:700;color:var(--slate-soft)}
.page-managed-wordpress .cmp-hrow .c-a{width:31.75%}
.page-managed-wordpress .cmp-hrow{border-bottom:1px solid var(--line-soft)}
.page-managed-wordpress .cmp-hrow .c-a h3,.page-managed-wordpress .cmp-hrow .c-b h3{font-size:16.5px;margin-bottom:3px}
.page-managed-wordpress .cmp-hrow .c-a p,.page-managed-wordpress .cmp-hrow .c-b p{font-size:12.5px;color:var(--slate-soft);line-height:1.6;font-weight:400}
.page-managed-wordpress .cmp-hrow .c-b{background:var(--blue);border-left:1px solid var(--blue)}
.page-managed-wordpress .cmp-hrow .c-b h3{color:#fff}
.page-managed-wordpress .cmp-hrow .c-b p{color:#C9D8F8}
.page-managed-wordpress .cmp-hrow .c-b .now{display:inline-block;font-family:var(--num);font-size:10.5px;font-weight:700;letter-spacing:.1em;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:3px 9px;margin-bottom:8px}
.page-managed-wordpress .cmp-tbl tbody tr + tr th,.page-managed-wordpress .cmp-tbl tbody tr + tr td{border-top:1px solid var(--line-soft)}
.page-managed-wordpress .cmp-row .c-item{font-size:14px;font-weight:700;color:var(--ink);line-height:1.55;background:var(--bg-softer);border-right:1px solid var(--line-soft)}
.page-managed-wordpress .cmp-row .c-a,.page-managed-wordpress .cmp-row .c-b{font-size:14px;color:var(--slate);line-height:1.65}
.page-managed-wordpress .cmp-row .c-b{background:var(--blue-faint);border-left:1px solid var(--panel-line);font-weight:500;color:var(--ink)}
.page-managed-wordpress .cmp-row .plan{display:none;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--slate-soft)}
.page-managed-wordpress .cmp-row .c-b .plan{color:var(--blue-ink)}
.page-managed-wordpress .cmp .c-price{font-family:var(--num);font-weight:700;white-space:nowrap}
.page-managed-wordpress .cmp-foot{display:flex;gap:10px;align-items:flex-start;padding:17px 26px;background:var(--bg-softer);border-top:1px solid var(--line-soft);font-size:13.5px;color:var(--slate-soft);line-height:1.75}
.page-managed-wordpress .cmp-foot svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-managed-wordpress .cmp-foot b{color:var(--ink)}

/* who — fit / not yet */
.page-managed-wordpress .who{max-width:1020px;margin:0 auto;display:grid;grid-template-columns:1.06fr .94fr;gap:22px;align-items:start}
.page-managed-wordpress .who-col{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);overflow:hidden}
.page-managed-wordpress .who-h{padding:22px 28px 16px;border-bottom:1px solid var(--line-soft)}
.page-managed-wordpress .who-h .fit-e{margin-bottom:8px}
.page-managed-wordpress .who-h h3{font-size:18.5px}
.page-managed-wordpress .who-list{padding:6px 28px 14px}
.page-managed-wordpress .who-list li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line-soft)}
.page-managed-wordpress .who-list li:last-child{border-bottom:0}
.page-managed-wordpress .who-list .ck{width:24px;height:24px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
.page-managed-wordpress .who-col--a .who-list .ck{background:var(--green-tint);border:1px solid rgba(31,157,87,.26)}
.page-managed-wordpress .who-col--a .who-list .ck svg{width:13px;height:13px;stroke:var(--green-ink);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.page-managed-wordpress .who-col--b .who-list .ck{background:var(--bg-softer);border:1px solid var(--line)}
.page-managed-wordpress .who-col--b .who-list .ck svg{width:12px;height:12px;stroke:var(--slate-soft);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.page-managed-wordpress .who-list .tt{font-size:15px;font-weight:700;color:var(--ink);line-height:1.6}
.page-managed-wordpress .who-alt{padding:16px 28px 22px;border-top:1px dashed var(--line);background:var(--bg-softer)}
.page-managed-wordpress .who-alt .ah{font-size:12.5px;font-weight:700;color:var(--slate-soft);margin-bottom:10px}
.page-managed-wordpress .who-alt a{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 16px;font-size:14.5px;font-weight:700;color:var(--ink);transition:border-color .16s,color .16s}
.page-managed-wordpress .who-alt a + a{margin-top:9px}
.page-managed-wordpress .who-alt a:hover{border-color:var(--blue);color:var(--blue)}
.page-managed-wordpress .who-alt a svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-managed-wordpress .who-alt a .arr{margin-left:auto}
.page-managed-wordpress .who-alt a .arr svg{stroke:var(--slate-soft)}

/* pricing — page-specific bits */
.page-managed-wordpress .price-tx p.price-extra{font-size:13px;margin-top:14px;margin-bottom:0;max-width:460px;line-height:1.75;color:var(--slate-soft)}
.page-managed-wordpress .price-inc{padding:10px 28px 16px}
.page-managed-wordpress .price-inc li{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:15px;font-weight:500;color:var(--ink);line-height:1.55}
.page-managed-wordpress .price-inc li:last-child{border-bottom:0}
.page-managed-wordpress .price-inc svg{width:17px;height:17px;stroke:var(--green);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}

/* =========================================================
   ABOUT PAGE
   ========================================================= */
.page-about h1,.page-about h2,.page-about h3,.page-about h4{text-wrap:pretty}
.page-about .hero{padding:64px 0 92px}
.page-about .crumb{margin-bottom:34px}
.page-about .hero-grid{grid-template-columns:1.04fr .96fr;gap:64px}
.page-about .hero .eyebrow{display:block;margin-bottom:16px}
.page-about .hero h1{font-size:clamp(33px,4vw,48px);line-height:1.18;letter-spacing:-.02em;margin:0 0 20px}
.page-about .hero .lead{font-size:18px;color:var(--slate);max-width:500px;margin-bottom:16px}
.page-about .hero .sub{font-size:15.5px;color:var(--slate-soft);max-width:500px;margin-bottom:30px}
.page-about .hero-cta{margin-bottom:0}

/* studio board (hero right) */
.page-about .studio-board{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-pop);padding:28px}
.page-about .sb-id{display:flex;gap:18px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}
.page-about .sb-mark{
  width:92px;height:92px;flex:none;border-radius:14px;border:1px solid var(--panel-line);
  background:linear-gradient(160deg,#EBF1FB 0%,#F6F9FD 100%);
  display:flex;align-items:center;justify-content:center;padding:16px;
}
.page-about .sb-mark svg{width:100%;height:auto;display:block}
.page-about .sb-name .n{font-size:18px;font-weight:900;color:var(--ink);line-height:1.3}
.page-about .sb-name .e{font-family:var(--num);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-soft);margin-top:2px}
.page-about .sb-name .tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.page-about .sb-name .tags span{font-family:var(--num);font-size:12px;font-weight:500;color:var(--slate);background:var(--bg-softer);border:1px solid var(--line);border-radius:7px;padding:4px 9px}
.page-about .sb-tl{list-style:none;margin-top:22px;display:flex;flex-direction:column}
.page-about .sb-row{display:grid;grid-template-columns:56px 18px 1fr;gap:0 12px;align-items:start;position:relative;padding-bottom:20px}
.page-about .sb-row:last-child{padding-bottom:0}
.page-about .sb-row .yr{font-family:var(--num);font-size:13.5px;font-weight:700;color:var(--blue-ink);text-align:right;padding-top:1px}
.page-about .sb-row .nd{position:relative;display:flex;justify-content:center;padding-top:7px}
.page-about .sb-row .nd i{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px var(--blue-tint);flex:none}
.page-about .sb-row:not(:last-child) .nd::after{content:"";position:absolute;top:20px;bottom:-7px;left:50%;width:2px;margin-left:-1px;background:var(--line);border-radius:2px}
.page-about .sb-row .tx .k{font-size:14px;font-weight:700;color:var(--ink);line-height:1.5}
.page-about .sb-row .tx .v{font-size:13px;color:var(--slate-soft);line-height:1.6;margin-top:2px}
.page-about .sb-float{position:absolute;top:-14px;right:-14px;background:var(--navy);color:#fff;border-radius:12px;box-shadow:var(--sh-pop);padding:12px 16px;text-align:center}
.page-about .sb-float .y{font-family:var(--num);font-weight:700;font-size:20px;line-height:1}
.page-about .sb-float .yl{font-size:11px;color:#A9B6CA;margin-top:3px}

/* what we do */
.page-about .wedo-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:start}
.page-about .wedo-main .eyebrow{display:block;margin-bottom:16px}
.page-about .wedo-main h2{font-size:clamp(26px,3vw,33px);margin-bottom:18px}
.page-about .wedo-main p{font-size:16px;color:var(--slate);margin-bottom:16px;max-width:460px}
.page-about .wedo-note{
  display:flex;gap:12px;align-items:flex-start;margin-top:26px;
  background:var(--bg-softer);border:1px solid var(--line-soft);border-radius:12px;padding:18px 20px;
}
.page-about .wedo-note svg{width:19px;height:19px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-about .wedo-note p{font-size:14px;color:var(--slate-soft);margin:0;line-height:1.75}
.page-about .wedo-groups{display:flex;flex-direction:column;gap:20px}
.page-about .wedo-group{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px 28px}
.page-about .wedo-group.fix{border-top:3px solid var(--signal)}
.page-about .wedo-group.keep{border-top:3px solid var(--green)}
.page-about .wg-kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--num);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}
.page-about .wedo-group.fix .wg-kicker{color:var(--signal-ink)}
.page-about .wedo-group.keep .wg-kicker{color:var(--green-ink)}
.page-about .wedo-group h3{font-size:18px;font-weight:700;margin-bottom:14px}
.page-about .wg-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.page-about .wg-list a{
  display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--slate);
  padding:10px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--bg-softer);
  transition:border-color .16s,color .16s,background .16s;
}
.page-about .wg-list a:hover{border-color:rgba(42,92,215,.4);color:var(--blue-ink);background:var(--blue-faint)}
.page-about .wg-list svg{width:17px;height:17px;flex:none;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-about .wedo-group.fix .wg-list svg{stroke:var(--signal)}
.page-about .wedo-group.keep .wg-list svg{stroke:var(--green)}

/* why wordpress — layer stack */
.page-about .why-grid{display:grid;grid-template-columns:1fr .94fr;gap:64px;align-items:center}
.page-about .why-tx .eyebrow{display:block;margin-bottom:16px}
.page-about .why-tx h2{font-size:clamp(26px,3vw,33px);margin-bottom:18px}
.page-about .why-tx>p{font-size:16px;color:var(--slate);margin-bottom:24px;max-width:480px}
.page-about .why-tx .fl-lab{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.04em;margin-bottom:12px}
.page-about .focus-list{display:flex;flex-direction:column;gap:11px}
.page-about .focus-list li{display:flex;gap:11px;font-size:15px;color:var(--slate);align-items:flex-start}
.page-about .focus-list svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:5px}
.page-about .stack{display:flex;flex-direction:column;gap:0;position:relative;max-width:none;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.page-about .stack-cap{display:flex;align-items:center;gap:9px;font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--slate-soft);margin-bottom:16px}
.page-about .stack-cap .bar{width:26px;height:3px;border-radius:2px;background:var(--blue);flex:none}
.page-about .layer{
  display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 20px;box-shadow:var(--sh-sm);
  position:relative;border-top:1px solid var(--line);
}
.page-about .layer:first-of-type{border-top:1px solid var(--line)}
.page-about .layer+.layer-gap{display:flex;justify-content:center;padding:3px 0}
.page-about .layer-gap svg{width:15px;height:15px;stroke:#A9B6CA;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-about .layer .lv{font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--slate-soft);background:var(--bg-softer);border:1px solid var(--line-soft);border-radius:6px;padding:3px 8px}
.page-about .layer .lt .k{font-size:15px;font-weight:700;color:var(--ink);line-height:1.45}
.page-about .layer .lt .v{font-size:12.5px;color:var(--slate-soft);line-height:1.55}
.page-about .layer .li{width:36px;height:36px;border-radius:9px;background:var(--blue-faint);display:flex;align-items:center;justify-content:center;flex:none}
.page-about .layer .li svg{width:19px;height:19px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-about .layer--top{border-color:rgba(42,92,215,.45);background:var(--blue-faint)}
.page-about .stack-note{
  display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:0;background:transparent;border:0;
  font-size:13.5px;color:var(--slate-soft);line-height:1.7;
}
.page-about .stack-note svg{width:17px;height:17px;stroke:var(--signal);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}

/* how we work (dark) */
.page-about .how-dark{background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;position:relative;overflow:hidden}
.page-about .how-dark::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 380px at 90% 0%,rgba(92,138,240,.18),transparent 60%),radial-gradient(520px 340px at 2% 110%,rgba(42,92,215,.16),transparent 58%)}
.page-about .how-dark .wrap{position:relative;z-index:1}
.page-about .how-dark .sec-head .eyebrow{color:var(--blue-bright)}
.page-about .how-dark .sec-head h2{color:#fff}
.page-about .how-dark .sec-head p{color:#A9B6CA}
.page-about .proc{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;max-width:none;margin:0}
.page-about .proc::before{content:"";position:absolute;top:23px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,rgba(92,138,240,.5),rgba(92,138,240,.18));display:block;z-index:0}
.page-about .proc-step{padding:0 26px;text-align:center;position:relative}
.page-about .proc-num{
  width:46px;height:46px;border-radius:50%;margin:0 auto 18px;position:relative;z-index:1;
  background:var(--navy-2);border:1.5px solid rgba(92,138,240,.55);color:var(--blue-bright);
  font-family:var(--num);font-weight:700;font-size:15px;
  display:flex;align-items:center;justify-content:center;
}
.page-about .proc-step h3{color:#fff;font-size:17.5px;font-weight:700;margin-bottom:9px}
.page-about .proc-step p{color:#A9B6CA;font-size:14px;line-height:1.75}
.page-about .how-note{
  max-width:760px;margin:54px auto 0;display:flex;gap:13px;align-items:flex-start;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px 24px;
}
.page-about .how-note svg{width:19px;height:19px;stroke:var(--blue-bright);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-about .how-note p{font-size:14px;color:#C4CEDD;line-height:1.8}

/* principles */
.page-about .prin-head{max-width:560px;margin-bottom:54px}
.page-about .prin-head .eyebrow{display:block;margin-bottom:16px}
.page-about .prin-head h2{font-size:clamp(26px,3vw,33px)}
.page-about .prin-list{list-style:none;border-top:1px solid var(--line)}
.page-about .prin-row{
  display:grid;grid-template-columns:88px .42fr 1fr;gap:28px;align-items:baseline;
  padding:30px 0;border-bottom:1px solid var(--line);
}
.page-about .prin-row .no{font-family:var(--num);font-size:14px;font-weight:600;color:#A9B2C2;letter-spacing:.06em}
.page-about .prin-row h3{font-size:clamp(19px,2vw,23px);font-weight:900}
.page-about .prin-row p{font-size:15.5px;color:var(--slate);max-width:560px}

/* who we help — overrides homepage globals */
.page-about .who-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:50px}
.page-about .who-head .eyebrow{display:block;margin-bottom:16px}
.page-about .who-head h2{font-size:clamp(26px,3vw,33px)}
.page-about .who-head p{font-size:16px;color:var(--slate-soft);max-width:460px;justify-self:end}
.page-about .who-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
.page-about .who-item{display:flex;gap:16px;align-items:flex-start;padding:24px 0;border-top:1px solid var(--panel-line)}
.page-about .who-item:nth-child(1),.page-about .who-item:nth-child(2){border-top:1px solid var(--panel-line)}
.page-about .who-ic{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center;flex:none}
.page-about .who-ic svg{width:22px;height:22px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-about .who-item h3{font-size:16.5px;font-weight:700;margin-bottom:4px}
.page-about .who-item p{font-size:13.5px;color:var(--slate-soft)}

/* studio / founder */
.page-about .studio-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center;max-width:1020px;margin:0 auto}
.page-about .studio-photo{position:relative}
.page-about .photo-ph .ph-tag{font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-ink);background:#fff;border:1px solid var(--panel-line);border-radius:999px;padding:5px 12px}
.page-about .studio-photo .est{position:absolute;bottom:-14px;left:-14px;background:var(--navy);color:#fff;border-radius:12px;box-shadow:var(--sh-pop);padding:12px 16px;text-align:center}
.page-about .studio-photo .est .y{font-family:var(--num);font-weight:700;font-size:20px;line-height:1}
.page-about .studio-photo .est .yl{font-size:11px;color:#A9B6CA;margin-top:3px}
.page-about .studio-info .eyebrow{display:block;margin-bottom:14px}
.page-about .studio-info h2{font-size:clamp(26px,3vw,32px);margin-bottom:20px}
.page-about .studio-info p{font-size:15.5px;color:var(--slate);margin-bottom:16px}
.page-about .founder-slot{
  margin-top:28px;border:1px solid var(--panel-line);border-radius:12px;background:#fff;
  padding:20px 22px;display:flex;flex-direction:column;gap:8px;
}
.page-about .founder-slot .fs-name{font-size:16px;font-weight:700;color:var(--ink)}
.page-about .founder-slot .fs-bio-text{font-size:14px;line-height:1.8;color:var(--slate);margin:0}

/* cta — page-specific tweaks over global */
.page-about .cta{padding:84px 0}
.page-about .cta-inner p{font-size:15.5px}

/* =========================================================
   CONTACT PAGE
   ========================================================= */
.page-contact h1,.page-contact h2,.page-contact h3,.page-contact h4{text-wrap:pretty}
.page-contact input:focus-visible,.page-contact select:focus-visible,.page-contact textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* hero */
.page-contact .hero{padding:64px 0 92px;background:radial-gradient(900px 540px at 88% -8%, rgba(42,92,215,.13), transparent 60%),radial-gradient(720px 520px at 0% 0%, rgba(92,138,240,.12), transparent 58%),linear-gradient(180deg,#EEF3FC 0%,#F6F9FE 46%,#FFFFFF 100%)}
.page-contact .crumb{margin-bottom:34px}
.page-contact .hero-grid{grid-template-columns:1.04fr .96fr;gap:64px}
.page-contact .hero .eyebrow{display:block;margin-bottom:16px}
.page-contact .hero h1{font-size:clamp(33px,4vw,46px);line-height:1.22;letter-spacing:-.02em;margin:0 0 20px}
.page-contact .hero .lead{font-size:18px;color:var(--slate);max-width:500px;margin-bottom:16px}
.page-contact .hero .sub{font-size:15.5px;color:var(--slate-soft);max-width:500px;margin-bottom:30px}
.page-contact .hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:0}

/* triage panel */
.page-contact .triage{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-pop);padding:26px 26px 22px}
.page-contact .triage-cap{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line-soft)}
.page-contact .triage-cap .ic{width:38px;height:38px;border-radius:10px;background:var(--blue-faint);border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center;flex:none}
.page-contact .triage-cap .ic svg{width:20px;height:20px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-contact .triage-cap .t{font-size:16px;font-weight:900;color:var(--ink);line-height:1.4}
.page-contact .triage-cap .s{font-family:var(--num);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-soft)}
.page-contact .triage-list{display:flex;flex-direction:column;margin-top:6px}
.page-contact .triage-row{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:17px 10px;margin:0 -10px;border-radius:12px;border-bottom:1px solid var(--line-soft);transition:background .16s}
.page-contact .triage-row:last-child{border-bottom:0}
.page-contact .triage-row:hover{background:var(--bg-softer)}
.page-contact .triage-row .ti{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}
.page-contact .triage-row .ti svg{width:20px;height:20px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-contact .triage-row.is-line .ti{background:var(--signal-tint)}
.page-contact .triage-row.is-line .ti svg{stroke:var(--signal)}
.page-contact .triage-row.is-mail .ti{background:var(--blue-tint)}
.page-contact .triage-row.is-mail .ti svg{stroke:var(--blue)}
.page-contact .triage-row.is-form .ti{background:var(--green-tint)}
.page-contact .triage-row.is-form .ti svg{stroke:var(--green)}
.page-contact .triage-row .tk{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.5}
.page-contact .triage-row .tv{font-size:12.5px;color:var(--slate-soft);line-height:1.55}
.page-contact .triage-go{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12.5px;font-weight:700;line-height:1;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--blue-ink);transition:border-color .16s,background .16s}
.page-contact .triage-go svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-contact .triage-row:hover .triage-go{border-color:rgba(42,92,215,.45);background:var(--blue-faint)}
.page-contact .triage-note{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding-top:16px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--slate-soft);line-height:1.65}
.page-contact .triage-note svg{width:15px;height:15px;stroke:var(--slate-soft);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:3px}

/* contact options */
.page-contact .opt-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:24px;align-items:stretch}
.page-contact .opt-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:34px 36px;display:flex;flex-direction:column}
.page-contact .opt-card.opt-main{border-color:rgba(42,92,215,.4);box-shadow:var(--sh-card);position:relative}
.page-contact .opt-kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}
.page-contact .opt-main .opt-kicker{color:var(--blue-ink)}
.page-contact .opt-sub .opt-kicker{color:var(--slate-soft)}
.page-contact .opt-flag{position:absolute;top:-12px;left:32px;font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--blue);color:#fff;border-radius:999px;padding:5px 13px;box-shadow:0 4px 12px -4px rgba(42,92,215,.6)}
.page-contact .opt-card h3{font-size:21px;margin-bottom:10px}
.page-contact .opt-card>p{font-size:15px;color:var(--slate);margin-bottom:20px}
.page-contact .opt-prep{background:var(--bg-softer);border:1px solid var(--line-soft);border-radius:12px;padding:18px 20px;margin-bottom:24px}
.page-contact .opt-prep .pl{font-family:var(--num);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-soft);margin-bottom:10px}
.page-contact .opt-prep ul{display:flex;flex-direction:column;gap:8px}
.page-contact .opt-prep li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--slate)}
.page-contact .opt-prep li svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:5px}
.page-contact .opt-mail{display:flex;align-items:center;gap:10px;background:var(--bg-softer);border:1px solid var(--line-soft);border-radius:12px;padding:15px 18px;margin-bottom:24px}
.page-contact .opt-mail svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-contact .opt-mail a{font-family:var(--num);font-size:14.5px;font-weight:600;word-break:break-all}
.page-contact .opt-cta{margin-top:auto}
.page-contact .opt-cta .btn{width:100%}
.page-contact .sec-warn{display:flex;gap:14px;align-items:flex-start;margin-top:24px;background:var(--signal-tint);border:1px solid rgba(216,66,59,.25);border-radius:var(--r-card);padding:22px 26px}
.page-contact .sec-warn svg{width:21px;height:21px;stroke:var(--signal);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-contact .sec-warn .wt{font-size:15px;font-weight:700;color:var(--signal-ink);margin-bottom:4px}
.page-contact .sec-warn p{font-size:14px;color:var(--slate);line-height:1.8}

/* need-type selector */
.page-contact .need-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1020px;margin:0 auto}
.page-contact .need-opt{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-card);padding:20px 20px 18px;cursor:pointer;font-family:var(--sans);transition:border-color .16s,background .16s,box-shadow .16s;min-height:44px}
.page-contact .need-opt:hover{border-color:rgba(42,92,215,.45)}
.page-contact .need-opt .ni{width:40px;height:40px;border-radius:10px;background:var(--blue-faint);border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center;flex:none;transition:background .16s}
.page-contact .need-opt .ni svg{width:20px;height:20px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-contact .need-opt .nk{font-size:15px;font-weight:700;color:var(--ink);line-height:1.45}
.page-contact .need-opt .nv{font-size:12.5px;color:var(--slate-soft);line-height:1.6}
.page-contact .need-opt[aria-pressed="true"]{border-color:var(--blue);background:var(--blue-faint);box-shadow:0 0 0 3px var(--blue-tint)}
.page-contact .need-opt[aria-pressed="true"] .ni{background:var(--blue)}
.page-contact .need-opt[aria-pressed="true"] .ni svg{stroke:#fff}
.page-contact .need-opt .nc{display:none;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--blue-ink)}
.page-contact .need-opt .nc svg{width:14px;height:14px;stroke:var(--blue-ink);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.page-contact .need-opt[aria-pressed="true"] .nc{display:inline-flex}
.page-contact .need-sync{max-width:1020px;margin:22px auto 0;display:flex;gap:10px;align-items:center;justify-content:center;font-size:14px;color:var(--slate-soft);text-align:center;flex-wrap:wrap}
.page-contact .need-sync svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-contact .need-sync a{font-weight:700}

/* form shell + head */
.page-contact .form-shell{max-width:880px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-card);overflow:hidden}
.page-contact .form-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--bg-softer);border-bottom:1px solid var(--line-soft);padding:18px 36px}
.page-contact .form-head .fh-t{display:flex;gap:10px;align-items:center;font-size:14.5px;font-weight:700;color:var(--ink)}
.page-contact .form-head .fh-t svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-contact .form-body{padding:36px}
.page-contact .gf-admin-notice{font-size:14px;color:var(--signal-ink);background:var(--signal-tint);border:1px solid rgba(216,66,59,.22);border-radius:10px;padding:14px 16px;line-height:1.7}

/* ---- Gravity Forms, restyled to match the design ---- */
.page-contact .gform_wrapper{display:block!important}
.page-contact .gform_wrapper form{margin:0}
.page-contact .gform_wrapper .gform_validation_container,
.page-contact .gform_wrapper .gfield--type-honeypot{display:none!important;position:absolute!important;left:-9999px}
.page-contact .gform_wrapper .gform_fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;list-style:none;margin:0;padding:0}
.page-contact .gform_wrapper .gfield{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;min-width:0}
.page-contact .gform_wrapper fieldset.gfield{border:0;min-width:0}
.page-contact .gform_wrapper .gfield_required,.page-contact .gform_wrapper .gfield_required_text{display:none}
.page-contact .gform_wrapper .gfield--type-select,
.page-contact .gform_wrapper .gfield--type-textarea,
.page-contact .gform_wrapper .gfield--type-radio,
.page-contact .gform_wrapper .gfield--type-fileupload,
.page-contact .gform_wrapper .gfield--type-consent,
.page-contact .gform_wrapper .gfield--type-html{grid-column:1 / -1}
.page-contact .gform_wrapper .gfield_label{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.4;margin:0}
.page-contact .gform_wrapper .gfield_required{display:none}
.page-contact .gform_wrapper .gfield--type-text>.gfield_label::after,
.page-contact .gform_wrapper .gfield--type-email>.gfield_label::after,
.page-contact .gform_wrapper .gfield--type-website>.gfield_label::after,
.page-contact .gform_wrapper .gfield--type-select>.gfield_label::after,
.page-contact .gform_wrapper .gfield--type-textarea>.gfield_label::after,
.page-contact .gform_wrapper .gfield--type-radio>.gfield_label::after,
.page-contact .gform_wrapper .gfield--type-fileupload>.gfield_label::after{content:"選填";font-size:11.5px;font-weight:500;line-height:1;color:var(--slate-soft);background:var(--bg-softer);border:1px solid var(--line-soft);border-radius:6px;padding:3px 7px}
.page-contact .gform_wrapper .gfield_contains_required>.gfield_label::after{content:"必填";font-weight:700;color:var(--signal-ink);background:var(--signal-tint);border:1px solid rgba(216,66,59,.22)}
.page-contact .gform_wrapper .gfield input[type=text],
.page-contact .gform_wrapper .gfield input[type=email],
.page-contact .gform_wrapper .gfield input[type=url],
.page-contact .gform_wrapper .gfield input[type=tel],
.page-contact .gform_wrapper .gfield select,
.page-contact .gform_wrapper .gfield textarea{font-family:var(--sans);font-size:15px;color:var(--ink);line-height:1.6;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;width:100%;transition:border-color .16s,box-shadow .16s}
.page-contact .gform_wrapper .gfield input::placeholder,
.page-contact .gform_wrapper .gfield textarea::placeholder{color:#9AA4B5}
.page-contact .gform_wrapper .gfield input:hover,
.page-contact .gform_wrapper .gfield select:hover,
.page-contact .gform_wrapper .gfield textarea:hover{border-color:#CBD4E3}
.page-contact .gform_wrapper .gfield input:focus,
.page-contact .gform_wrapper .gfield select:focus,
.page-contact .gform_wrapper .gfield textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint);outline:none}
.page-contact .gform_wrapper .gfield select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566074' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px;padding-right:40px;cursor:pointer}
.page-contact .gform_wrapper .gfield textarea{min-height:128px;resize:vertical}
.page-contact .gform_wrapper .gfield--type-textarea .ginput_container_textarea{display:flex}
.page-contact .gform_wrapper .gfield_description{font-size:12.5px;color:var(--slate-soft);line-height:1.6;margin:0;padding:0}
.page-contact .gform_wrapper .gfield_label{order:0}
.page-contact .gform_wrapper .gfield_description:not(.validation_message){order:1}
.page-contact .gform_wrapper .ginput_container{order:2;margin:0}
.page-contact .gform_wrapper .gfield_validation_message,.page-contact .gform_wrapper .validation_message{order:3}
.page-contact .gform_wrapper .gfield--type-fileupload>.gfield_description:not(.validation_message){order:3}
.page-contact .gform_wrapper .gfield_validation_message,
.page-contact .gform_wrapper .validation_message{display:flex;align-items:flex-start;gap:6px;font-size:13px;font-weight:500;color:var(--signal-ink);line-height:1.55;background:none;border:0;padding:0;margin-top:2px}
.page-contact .gform_wrapper .gfield_error input,
.page-contact .gform_wrapper .gfield_error select,
.page-contact .gform_wrapper .gfield_error textarea{border-color:var(--signal)}
.page-contact .gform_wrapper .gfield_radio{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.page-contact .gform_wrapper .gfield_radio .gchoice{display:inline-flex;align-items:center;gap:9px;border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:12px 18px;min-height:44px;transition:border-color .16s,background .16s}
.page-contact .gform_wrapper .gfield_radio .gchoice:hover{border-color:rgba(42,92,215,.45)}
.page-contact .gform_wrapper .gfield_radio .gchoice:has(input:checked){border-color:var(--blue);background:var(--blue-faint)}
.page-contact .gform_wrapper .gfield_radio input{width:17px;height:17px;accent-color:var(--blue);cursor:pointer;flex:none;margin:0}
.page-contact .gform_wrapper .gfield_radio label{font-size:14.5px;font-weight:500;color:var(--slate);cursor:pointer;margin:0}
.page-contact .gform_wrapper .gfield_radio .gchoice:has(input:checked) label{color:var(--blue-ink);font-weight:700}
.page-contact .gform_wrapper .gf-line-hint{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--blue-ink);line-height:1.7;background:var(--blue-faint);border:1px solid var(--panel-line);border-radius:10px;padding:13px 16px;margin:0}
.page-contact .gform_wrapper .ginput_container_fileupload input[type=file]{font-family:var(--sans);font-size:14px;color:var(--slate);background:var(--bg-softer);border:1.5px dashed var(--panel-line);border-radius:12px;padding:20px;width:100%;cursor:pointer}
.page-contact .gform_wrapper .ginput_container_fileupload input[type=file]::file-selector-button{font-family:var(--sans);font-weight:700;font-size:14px;color:#fff;background:var(--blue);border:0;border-radius:8px;padding:9px 16px;margin-right:14px;cursor:pointer}
.page-contact .gform_wrapper .gform_fileupload_rules{display:block;font-size:12.5px;color:var(--slate-soft);line-height:1.6;margin-top:8px}
.page-contact .gform_wrapper .gfield--type-fileupload>.gfield_description:not(.validation_message){display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--signal-ink);font-weight:500;line-height:1.65;background:var(--signal-tint);border:1px solid rgba(216,66,59,.22);border-radius:9px;padding:11px 14px;margin-top:8px}
.page-contact .gform_wrapper .validation_message--hidden-on-empty:empty{display:none!important}
.page-contact .gform_wrapper .gform_validation_errors{background:var(--signal-tint);border:1px solid rgba(216,66,59,.25);border-radius:12px;padding:16px 20px;margin-bottom:24px;font-size:14px;color:var(--signal-ink);font-weight:500;line-height:1.7}
.page-contact .gform_wrapper .gform_validation_errors h2{font-size:15px;color:var(--signal-ink);margin-bottom:6px}
.page-contact .gform_wrapper .gform_validation_errors a{color:var(--signal-ink);text-decoration:underline}
.page-contact .gform_wrapper .gform_validation_errors ol,.page-contact .gform_wrapper .gform_validation_errors ul{list-style:none;margin:0;padding:0}
.page-contact .gform_wrapper .gfield--type-consent .ginput_container_consent{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;background:var(--bg-softer);padding:17px 19px}
.page-contact .gform_wrapper .gfield--type-consent .ginput_container_consent:has(input:checked){border-color:var(--blue);background:var(--blue-faint)}
.page-contact .gform_wrapper .gfield--type-consent input[type=checkbox]{width:19px;height:19px;accent-color:var(--blue);cursor:pointer;flex:none;margin:3px 0 0}
.page-contact .gform_wrapper .gfield_consent_label{font-size:14.5px;color:var(--slate);line-height:1.7;font-weight:500;cursor:pointer}
.page-contact .gform_wrapper .gfield--type-consent .gfield_consent_description,
.page-contact .gform_wrapper .gfield--type-consent .gfield_description{font-size:13px;color:var(--slate-soft);margin-top:8px;padding-left:31px}
.page-contact .gform_wrapper .gfield--type-consent .gfield_label{display:none}
.page-contact .gform_wrapper .gform_footer{display:flex;flex-direction:column;gap:16px;margin:26px 0 0;padding:0}
.page-contact .gform_wrapper .gform_button{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;font-family:var(--sans);font-weight:700;font-size:16px;line-height:1;padding:16px 28px;border-radius:10px;cursor:pointer;border:1.5px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 6px 16px -8px rgba(42,92,215,.7);transition:background .16s,border-color .16s,transform .16s}
.page-contact .gform_wrapper .gform_button:hover{background:var(--blue-ink);border-color:var(--blue-ink);transform:translateY(-1px)}
.page-contact .gform_wrapper .gform_ajax_spinner{margin-left:14px;vertical-align:middle}
.page-contact .gform_confirmation_wrapper,.page-contact .gform_confirmation_message{display:flex;gap:12px;align-items:flex-start;background:var(--green-tint);border:1px solid rgba(31,157,87,.3);border-radius:12px;padding:20px 22px;font-size:15px;color:var(--slate);line-height:1.8}
.page-contact .gform_required_legend{display:none}

/* prepare checklist */
.page-contact .prep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.page-contact .prep-doc{background:#fff;border:1px solid var(--panel-line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--sh-sm)}
.page-contact .prep-doc .pd-head{display:flex;gap:11px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line-soft);background:var(--bg-softer)}
.page-contact .prep-doc .pd-head .pi{width:34px;height:34px;border-radius:9px;background:var(--blue-faint);border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center;flex:none}
.page-contact .prep-doc .pd-head .pi svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-contact .prep-doc .pd-head h3{font-size:15.5px;font-weight:700}
.page-contact .prep-doc ul{padding:18px 24px 22px;display:flex;flex-direction:column;gap:11px}
.page-contact .prep-doc li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--slate);line-height:1.65}
.page-contact .prep-doc li svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-contact .prep-note{max-width:760px;margin:36px auto 0;display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--panel-line);border-radius:12px;padding:20px 24px}
.page-contact .prep-note svg{width:19px;height:19px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-contact .prep-note p{font-size:14px;color:var(--slate-soft);line-height:1.8}

/* process (dark) */
.page-contact .how-dark{background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;position:relative;overflow:hidden}
.page-contact .how-dark::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 380px at 90% 0%,rgba(92,138,240,.18),transparent 60%),radial-gradient(520px 340px at 2% 110%,rgba(42,92,215,.16),transparent 58%)}
.page-contact .how-dark .wrap{position:relative;z-index:1}
.page-contact .how-dark .sec-head .eyebrow{color:var(--blue-bright)}
.page-contact .how-dark .sec-head h2{color:#fff}
.page-contact .how-dark .sec-head p{color:#A9B6CA}
.page-contact .proc{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;max-width:none;margin:0}
.page-contact .proc::before{content:"";position:absolute;top:23px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,rgba(92,138,240,.5),rgba(92,138,240,.18));display:block;z-index:0}
.page-contact .proc-step{padding:0 26px;text-align:center;position:relative}
.page-contact .proc-num{width:46px;height:46px;border-radius:50%;margin:0 auto 18px;position:relative;z-index:1;background:var(--navy-2);border:1.5px solid rgba(92,138,240,.55);color:var(--blue-bright);font-family:var(--num);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
.page-contact .proc-step h3{color:#fff;font-size:17.5px;font-weight:700;margin-bottom:9px}
.page-contact .proc-step p{color:#A9B6CA;font-size:14px;line-height:1.75}
.page-contact .how-note{max-width:760px;margin:54px auto 0;display:flex;gap:13px;align-items:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px 24px}
.page-contact .how-note svg{width:19px;height:19px;stroke:var(--blue-bright);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:4px}
.page-contact .how-note p{font-size:14px;color:#C4CEDD;line-height:1.8}

/* contact faq */
.page-contact .faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:13px}
.page-contact .faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:border-color .16s,box-shadow .16s}
.page-contact .faq-item[open]{border-color:rgba(42,92,215,.4);box-shadow:var(--sh-card)}
.page-contact .faq-item summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;padding:20px 24px;font-size:16px;font-weight:700;color:var(--ink);line-height:1.5}
.page-contact .faq-item summary::-webkit-details-marker{display:none}
.page-contact .faq-item summary .q{font-family:var(--num);font-weight:700;font-size:13px;color:var(--blue);background:var(--blue-faint);border-radius:8px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.page-contact .faq-item summary .chev{margin-left:auto;flex:none;transition:transform .2s}
.page-contact .faq-item summary .chev svg{width:18px;height:18px;stroke:var(--slate-soft);fill:none;stroke-width:2;display:block}
.page-contact .faq-item[open] summary .chev{transform:rotate(180deg)}
.page-contact .faq-item .fa{padding:0 24px 22px 68px;font-size:14.5px;color:var(--slate);line-height:1.85}

/* cta */
.page-contact .cta{padding:84px 0}
.page-contact .cta-inner p{font-size:15.5px}

/* =========================================================
   PRIVACY POLICY PAGE
   ========================================================= */
.page-privacy-policy h1,.page-privacy-policy h2,.page-privacy-policy h3{text-wrap:pretty}

/* hero */
.page-privacy-policy .hero{padding:60px 0 60px}
.page-privacy-policy .crumb{margin-bottom:30px}
.page-privacy-policy .pp-hero{max-width:780px}
.page-privacy-policy .pp-hero .eyebrow{display:block;margin-bottom:16px}
.page-privacy-policy .pp-hero h1{font-size:clamp(32px,4vw,46px);line-height:1.2;letter-spacing:-.02em;margin:0 0 18px}
.page-privacy-policy .pp-hero .lead{font-size:17.5px;color:var(--slate);max-width:760px;margin-bottom:22px}
.page-privacy-policy .pp-updated{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--slate-soft);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 15px}
.page-privacy-policy .pp-updated svg{width:15px;height:15px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* layout */
.page-privacy-policy #policy{padding:72px 0 96px}
.page-privacy-policy .pp-layout{display:grid;grid-template-columns:252px 1fr;gap:56px;align-items:start}

/* table of contents */
.page-privacy-policy .pp-toc{position:sticky;top:96px}
body.admin-bar .page-privacy-policy .pp-toc{top:128px}
.page-privacy-policy .pp-toc-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-sm);padding:18px 16px}
.page-privacy-policy .pp-toc-title{display:block;font-family:var(--num);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-soft);padding:0 10px;margin-bottom:10px}
.page-privacy-policy .pp-toc-list{list-style:none;margin:0;padding:0}
.page-privacy-policy .pp-toc-list a{display:block;font-size:13.5px;line-height:1.5;color:var(--slate);padding:8px 10px;border-radius:8px;transition:background .15s,color .15s}
.page-privacy-policy .pp-toc-list a:hover{background:var(--blue-faint);color:var(--blue-ink)}

/* body */
.page-privacy-policy .pp-body{max-width:760px;min-width:0}
.page-privacy-policy .pp-sec{padding:34px 0;border-top:1px solid var(--line-soft);scroll-margin-top:96px}
.page-privacy-policy .pp-sec:first-child{border-top:0;padding-top:0}
.page-privacy-policy .pp-sec h2{font-size:clamp(20px,2.4vw,25px);line-height:1.4;margin-bottom:16px}
.page-privacy-policy .pp-sec h3{font-size:16px;font-weight:700;color:var(--ink);margin:20px 0 6px}
.page-privacy-policy .pp-sec p{color:var(--slate);font-size:15.5px;line-height:1.85;margin-bottom:14px}
.page-privacy-policy .pp-sec p:last-child{margin-bottom:0}
.page-privacy-policy .pp-sec a{color:var(--blue);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere;word-break:break-word}
.page-privacy-policy .pp-sec a:hover{color:var(--blue-ink)}
.page-privacy-policy .pp-link-line{font-family:var(--num)}
.page-privacy-policy .pp-list{margin:0 0 16px;padding:0}
.page-privacy-policy .pp-list li{position:relative;padding-left:20px;color:var(--slate);font-size:15.5px;line-height:1.8;margin-bottom:7px}
.page-privacy-policy .pp-list li:last-child{margin-bottom:0}
.page-privacy-policy .pp-list li::before{content:"";position:absolute;left:4px;top:13px;width:5px;height:5px;border-radius:50%;background:var(--blue);flex:none}
.page-privacy-policy .pp-list li strong{color:var(--ink);font-weight:700}

/* contact card */
.page-privacy-policy .pp-contact-card{margin:6px 0 0;background:var(--bg-softer);border:1px solid var(--line);border-radius:12px;padding:6px 20px}
.page-privacy-policy .pp-cc-row{display:flex;flex-wrap:wrap;gap:6px 16px;padding:13px 0;border-top:1px solid var(--line-soft)}
.page-privacy-policy .pp-cc-row:first-child{border-top:0}
.page-privacy-policy .pp-cc-row dt{flex:none;width:56px;font-size:13.5px;font-weight:700;color:var(--slate-soft)}
.page-privacy-policy .pp-cc-row dd{font-size:15px;color:var(--ink);overflow-wrap:anywhere;word-break:break-word}

/* foot prompt */
.page-privacy-policy .pp-foot{max-width:680px;margin:0 auto;text-align:center}
.page-privacy-policy .pp-foot h2{font-size:clamp(24px,3vw,30px);margin-bottom:14px}
.page-privacy-policy .pp-foot p{color:var(--slate-soft);font-size:16px;margin-bottom:28px}
.page-privacy-policy .pp-foot-btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}

/* footer legal link */
.foot-legal a{color:#6B7689}
.foot-legal a:hover{color:#fff}

/* =========================================================
   404 PAGE
   ========================================================= */
.page-404 .err-badge{display:inline-flex;align-items:center;gap:9px;font-family:var(--num);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-ink);background:var(--signal-tint);border:1px solid rgba(216,66,59,.22);border-radius:999px;padding:7px 14px;margin-bottom:22px}
.page-404 .err-badge .d{width:8px;height:8px;border-radius:50%;background:var(--signal);position:relative;flex:none}
.page-404 .err-badge .d::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--signal);opacity:.45;animation:ping 1.8s ease-out infinite}
.page-404 .err-code{font-family:var(--num);font-weight:700;font-size:clamp(76px,11vw,128px);line-height:.9;letter-spacing:-.04em;color:var(--ink);background:linear-gradient(160deg,#1E45AE 0%,#2A5CD7 46%,#5C8AF0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:18px}

/* status panel (browser window, 介面示意) */
.page-404 .status-panel{max-width:560px;background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 100%);border:1px solid rgba(92,138,240,.22);border-radius:16px;box-shadow:0 24px 60px -24px rgba(8,16,32,.7), 0 2px 8px rgba(8,16,32,.3);overflow:hidden;position:relative}
.page-404 .status-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 240px at 88% 0%,rgba(92,138,240,.16),transparent 62%)}
.page-404 .sp-chrome{display:flex;align-items:center;gap:13px;padding:13px 16px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:1}
.page-404 .sp-dots{display:flex;gap:7px;flex:none}
.page-404 .sp-dots span{width:11px;height:11px;border-radius:50%;display:block}
.page-404 .sp-dots .r{background:#E1655E}
.page-404 .sp-dots .y{background:#E0B23C}
.page-404 .sp-dots .g{background:#4FB477}
.page-404 .sp-addr{flex:1;min-width:0;display:flex;align-items:center;gap:9px;background:rgba(8,16,32,.5);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 12px;color:#9FB0CA;font-family:var(--num);font-size:12.5px;font-weight:500}
.page-404 .sp-addr svg{width:13px;height:13px;stroke:#7E8DA8;fill:none;stroke-width:1.8;flex:none}
.page-404 .sp-addr .u{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-404 .sp-addr .u b{color:#C9D6EC;font-weight:600}
.page-404 .sp-addr .x{flex:none;color:#E1655E;font-weight:700;font-size:11px;letter-spacing:.04em}
.page-404 .sp-body{padding:26px 26px 24px;position:relative;z-index:1}
.page-404 .sp-toprow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.page-404 .sp-cap{display:flex;align-items:center;gap:9px;font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8EA0BD}
.page-404 .sp-cap .dot{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px rgba(216,66,59,.18)}
.page-404 .sp-mock{font-family:var(--num);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#A9B6CA;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px 11px;white-space:nowrap}
.page-404 .sp-headline{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:20px}
.page-404 .sp-404{font-family:var(--num);font-weight:700;font-size:54px;line-height:1;letter-spacing:-.03em;color:#fff}
.page-404 .sp-state{display:flex;flex-direction:column;gap:3px}
.page-404 .sp-state .a{font-family:var(--num);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#F0B0AB}
.page-404 .sp-state .b{font-size:13.5px;color:#A9B6CA}
.page-404 .sp-rows{display:flex;flex-direction:column;gap:1px;margin-bottom:22px}
.page-404 .sp-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:11px 2px}
.page-404 .sp-row .k{font-family:var(--num);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#7E8DA8;white-space:nowrap}
.page-404 .sp-row .v{font-family:var(--num);font-size:13px;font-weight:500;color:#C9D6EC;text-align:right;justify-self:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.page-404 .sp-row .led{width:8px;height:8px;border-radius:50%;flex:none}
.page-404 .sp-row .led.red{background:var(--signal);box-shadow:0 0 0 3px rgba(216,66,59,.16)}
.page-404 .sp-row .led.amber{background:var(--amber);box-shadow:0 0 0 3px rgba(224,161,6,.16)}
.page-404 .sp-row .led.green{background:#4FB477;box-shadow:0 0 0 3px rgba(79,180,119,.16)}
.page-404 .sp-row + .sp-row{border-top:1px solid rgba(255,255,255,.06)}
.page-404 .sp-nodes{display:flex;align-items:center;gap:0;background:rgba(8,16,32,.4);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:16px 18px}
.page-404 .sp-node{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none;width:64px;text-align:center}
.page-404 .sp-node .nd{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
.page-404 .sp-node .nd svg{width:17px;height:17px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke:#9FB0CA}
.page-404 .sp-node.miss .nd{border-color:rgba(216,66,59,.5);background:rgba(216,66,59,.12)}
.page-404 .sp-node.miss .nd svg{stroke:#F0857F}
.page-404 .sp-node .nl{font-family:var(--num);font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7E8DA8;line-height:1.3}
.page-404 .sp-node.miss .nl{color:#F0857F}
.page-404 .sp-link{flex:1;height:2px;position:relative;background:linear-gradient(90deg,rgba(92,138,240,.5),rgba(92,138,240,.5));border-radius:2px;min-width:14px}
.page-404 .sp-link.broken{background:repeating-linear-gradient(90deg,rgba(216,66,59,.6) 0 5px,transparent 5px 10px)}

/* entry cards */
.page-404 .entry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.page-404 .entry-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px 24px 22px;box-shadow:var(--sh-sm);transition:border-color .16s,box-shadow .16s,transform .16s}
.page-404 .entry-card:hover{border-color:rgba(42,92,215,.4);box-shadow:var(--sh-card);transform:translateY(-2px)}
.page-404 .entry-ic{width:46px;height:46px;border-radius:11px;background:var(--blue-faint);border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center;flex:none;margin-bottom:18px}
.page-404 .entry-ic svg{width:23px;height:23px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-404 .entry-card h3{font-size:17.5px;margin-bottom:9px;line-height:1.4}
.page-404 .entry-card p{font-size:14px;color:var(--slate-soft);line-height:1.7;margin-bottom:18px}
.page-404 .entry-links{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.page-404 .entry-go{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-size:14px;font-weight:700;color:var(--blue-ink);line-height:1.3}
.page-404 .entry-go svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .16s}
.page-404 .entry-go:hover svg{transform:translateX(3px)}
.page-404 .entry-card.is-rescue .entry-ic{background:var(--signal-tint);border-color:rgba(216,66,59,.2)}
.page-404 .entry-card.is-rescue .entry-ic svg{stroke:var(--signal)}

/* contact prompt band (dark) */
.page-404 .help{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;padding:84px 0}
.page-404 .help::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(680px 420px at 92% 120%,rgba(42,92,215,.28),transparent 60%),radial-gradient(560px 360px at 4% -20%,rgba(92,138,240,.16),transparent 58%)}
.page-404 .help .wrap{position:relative;z-index:1}
.page-404 .help-inner{display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap}
.page-404 .help-tx{max-width:560px}
.page-404 .help .eyebrow{color:var(--blue-bright);display:block;margin-bottom:14px}
.page-404 .help-inner h2{color:#fff;font-size:clamp(24px,3vw,32px);margin-bottom:14px}
.page-404 .help-inner p{color:#A9B6CA;font-size:15.5px;line-height:1.85}
.page-404 .help-btns{display:flex;gap:13px;flex-wrap:wrap;flex:none}

/* =========================================================
   BLOG (index + category archive)
   ========================================================= */
.page-blog h1,.page-blog h2,.page-blog h3{text-wrap:pretty}

/* hero */
.page-blog .hero{padding:58px 0 70px}
.page-blog .crumb{margin-bottom:30px}
.page-blog .hero-text .pill--badge{margin-bottom:20px}
.page-blog .hero h1{font-size:clamp(32px,4vw,46px);line-height:1.18;letter-spacing:-.02em;margin:0 0 16px}
.page-blog .hero .lead{font-size:17.5px;color:var(--slate);max-width:520px;margin-bottom:18px}
.page-blog .hero-note{font-size:14px;color:var(--slate-soft);display:flex;align-items:center;gap:8px}
.page-blog .hero-note svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.8;flex:none}

/* hero topics panel (real planned categories) */
.page-blog .topic-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-pop);padding:22px 22px 20px}
.page-blog .tc-top{padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid var(--line-soft)}
.page-blog .tc-title{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:var(--slate-soft)}
.page-blog .tc-title svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.8;flex:none}
.page-blog .topic-list{display:flex;flex-direction:column}
.page-blog .topic-item{border-top:1px solid var(--line-soft)}
.page-blog .topic-item:first-child{border-top:0}
.page-blog .topic-row{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:13px 0}
.page-blog a.topic-row{margin:0 -10px;padding:13px 10px;border-radius:11px;color:inherit;text-decoration:none;transition:background .16s}
.page-blog a.topic-row:hover{background:var(--bg-softer)}
.page-blog .topic-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--blue-faint)}
.page-blog .topic-ic svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-blog .topic-tx{min-width:0}
.page-blog .topic-tx .k{display:block;font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.4}
.page-blog .topic-tx .v{display:block;font-size:12px;color:var(--slate-soft);font-family:var(--num);letter-spacing:.02em;margin-top:2px}
.page-blog .topic-go{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:12.5px;font-weight:700;color:var(--blue-ink);flex:none}
.page-blog .topic-go svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .16s}
.page-blog a.topic-row:hover .topic-go svg{transform:translateX(3px)}

/* article cover (featured image or category fallback) */
.page-blog .cover{position:relative;aspect-ratio:16/9;background:repeating-linear-gradient(135deg,#EAF1FD 0 14px,#F3F7FE 14px 28px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}
.page-blog .cover .cv-ic{width:54px;height:54px;border-radius:14px;background:#fff;border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-sm)}
.page-blog .cover .cv-ic svg{width:26px;height:26px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.page-blog .cover.alt{background:repeating-linear-gradient(135deg,#FCEDEB 0 14px,#FEF5F4 14px 28px)}
.page-blog .cover.alt .cv-ic svg{stroke:var(--signal)}
.page-blog .cover.greenish{background:repeating-linear-gradient(135deg,#E7F5EC 0 14px,#F1FAF4 14px 28px)}
.page-blog .cover.greenish .cv-ic svg{stroke:var(--green)}
.page-blog .cover.has-img{background:var(--line-soft)}
.page-blog .cover.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* featured article */
.page-blog .feat{display:grid;grid-template-columns:1.02fr 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh-card)}
.page-blog .feat .cover{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);min-height:340px}
.page-blog .feat .cover .cv-ic{width:64px;height:64px}
.page-blog .feat .cover .cv-ic svg{width:31px;height:31px}
.page-blog .feat-body{padding:40px 42px;display:flex;flex-direction:column}
.page-blog .feat-meta-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.page-blog .feat-body h3{font-size:clamp(22px,2.4vw,28px);line-height:1.3;margin-bottom:16px}
.page-blog .feat-body h3 a{color:var(--ink)}
.page-blog .feat-body h3 a:hover{color:var(--blue)}
.page-blog .feat-body .excerpt{font-size:15.5px;color:var(--slate-soft);margin-bottom:24px;max-width:48ch}
.page-blog .feat-body .btn{align-self:flex-start;margin-top:auto}

/* shared post meta */
.page-blog .post-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--slate-soft);margin-bottom:26px}
.page-blog .post-meta .mi{display:inline-flex;align-items:center;gap:7px}
.page-blog .post-meta .mi svg{width:15px;height:15px;stroke:var(--slate-soft);fill:none;stroke-width:1.8;flex:none}
.page-blog .post-meta .mi .num{color:var(--slate)}

/* category bar (real archive links) */
.page-blog .cat-bar{display:flex;flex-wrap:wrap;gap:11px;justify-content:center}
.page-blog .cat-pill{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1;padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--slate);transition:border-color .16s,color .16s,background .16s}
.page-blog .cat-pill:hover{border-color:var(--blue);color:var(--blue)}
.page-blog .cat-pill.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}

/* latest head (replaces inline margin-top:72px) */
.page-blog .latest-head{margin-top:72px}

/* article grid */
.page-blog .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-blog .post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:border-color .16s,box-shadow .16s,transform .16s}
.page-blog .post-card:hover{border-color:#D5DEEC;box-shadow:var(--sh-card);transform:translateY(-3px)}
.page-blog .post-card .pc-body{padding:24px 24px 22px;display:flex;flex-direction:column;flex:1}
.page-blog .post-card .pc-cat{margin-bottom:13px}
.page-blog .pill--cat{text-decoration:none}
.page-blog .post-card h3{font-size:18px;font-weight:700;line-height:1.45;margin-bottom:11px}
.page-blog .post-card h3 a{color:var(--ink)}
.page-blog .post-card h3 a:hover{color:var(--blue)}
.page-blog .post-card .excerpt{font-size:14px;color:var(--slate-soft);margin-bottom:18px;flex:1}
.page-blog .post-card .post-meta{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line-soft);gap:14px}
.page-blog .post-card .pc-more{font-size:14px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:6px;margin-top:auto}
.page-blog .post-card .pc-more svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .16s}
.page-blog .post-card:hover .pc-more svg{transform:translateX(3px)}

/* pagination */
.page-blog .pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:56px;flex-wrap:wrap}
.page-blog .pg{min-width:44px;height:44px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--slate);font-family:var(--num);font-size:15px;font-weight:600;transition:border-color .16s,color .16s,background .16s}
.page-blog .pg:hover{border-color:var(--blue);color:var(--blue)}
.page-blog .pg.active{background:var(--blue);border-color:var(--blue);color:#fff;cursor:default}
.page-blog .pg.active:hover{color:#fff}
.page-blog .pg svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;flex:none}
.page-blog .pg.nav-pg{font-family:var(--sans);font-size:14px;font-weight:700}
.page-blog .pg.disabled{opacity:.4;pointer-events:none;color:var(--slate-soft)}
.page-blog .pg-dots{min-width:30px;text-align:center;color:var(--slate-soft);font-family:var(--num);font-weight:600}

/* empty state */
.page-blog .blog-empty{max-width:560px;margin:0 auto;text-align:center;padding:24px 0}
.page-blog .blog-empty .be-ic{width:64px;height:64px;border-radius:16px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;background:var(--blue-faint);border:1px solid var(--panel-line)}
.page-blog .blog-empty .be-ic svg{width:30px;height:30px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.page-blog .blog-empty h2{font-size:clamp(24px,3vw,30px);margin-bottom:14px}
.page-blog .blog-empty p{color:var(--slate-soft);font-size:16px;line-height:1.85}

/* category archive header (no full blog hero) */
.page-blog-archive .hero--archive{padding:52px 0 54px}
.page-blog-archive .hero--archive .eyebrow{display:block;margin-bottom:14px}
.page-blog-archive .hero--archive h1{font-size:clamp(30px,3.6vw,42px);line-height:1.2;letter-spacing:-.02em;margin:0 0 14px}
.page-blog-archive .hero--archive .lead{max-width:680px;margin-bottom:0}

/* =========================================================
   SINGLE POST
   ========================================================= */
.page-single-post{--hd-h:72px;--code:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
.page-single-post h1,.page-single-post h2,.page-single-post h3{text-wrap:pretty}

/* article hero */
.page-single-post .ahero{position:relative;overflow:hidden;padding:46px 0 0;background:radial-gradient(900px 540px at 88% -8%, rgba(42,92,215,.13), transparent 60%),radial-gradient(720px 520px at 0% 0%, rgba(92,138,240,.12), transparent 58%),linear-gradient(180deg,#EEF3FC 0%,#F6F9FE 60%,#FFFFFF 100%)}
.page-single-post .ahero-inner{max-width:820px;margin:0 auto}
.page-single-post .crumb{flex-wrap:wrap;row-gap:4px;margin-bottom:22px}
.page-single-post .ahero-meta-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.page-single-post .pill--cat{text-decoration:none}
.page-single-post .ahero h1{font-size:clamp(28px,3.8vw,42px);line-height:1.22;letter-spacing:-.02em;margin:0 0 20px}
.page-single-post .ahero .lead{font-size:18px;color:var(--slate);margin:0 0 28px;max-width:46em}
.page-single-post .amt{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:14px;color:var(--slate-soft);padding-bottom:40px}
.page-single-post .amt .mi{display:inline-flex;align-items:center;gap:8px}
.page-single-post .amt .mi svg{width:16px;height:16px;stroke:var(--slate-soft);fill:none;stroke-width:1.8;flex:none}
.page-single-post .amt .mi .lb{color:var(--slate-soft)}
.page-single-post .amt .mi .num{color:var(--ink);font-weight:600}
.page-single-post .amt .mi.upd .num{color:var(--green-ink)}

/* article cover */
.page-single-post .cover{position:relative;background:repeating-linear-gradient(135deg,#EAF1FD 0 14px,#F3F7FE 14px 28px);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line)}
.page-single-post .cover .cv-ic{width:60px;height:60px;border-radius:14px;background:#fff;border:1px solid var(--panel-line);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-sm)}
.page-single-post .cover .cv-ic svg{width:28px;height:28px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.page-single-post .cover.alt{background:repeating-linear-gradient(135deg,#FCEDEB 0 14px,#FEF5F4 14px 28px)}
.page-single-post .cover.alt .cv-ic svg{stroke:var(--signal)}
.page-single-post .cover.greenish{background:repeating-linear-gradient(135deg,#E7F5EC 0 14px,#F1FAF4 14px 28px)}
.page-single-post .cover.greenish .cv-ic svg{stroke:var(--green)}
.page-single-post .article-cover{max-width:1080px;margin:0 auto;transform:translateY(46px)}
.page-single-post .article-cover .cover{aspect-ratio:21/9;border-radius:18px;box-shadow:var(--sh-card)}
.page-single-post .article-cover .cv-ic{width:72px;height:72px}
.page-single-post .article-cover .cv-ic svg{width:34px;height:34px}
.page-single-post .article-cover .cover.has-img{padding:0}
.page-single-post .article-cover .cover.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-single-post .cover--fallback{flex-direction:column;gap:16px}
.page-single-post .cover-brand{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:0 16px}
.page-single-post .cover-brand .cb-cat{font-size:14px;font-weight:700;color:var(--blue-ink)}
.page-single-post .cover-brand .cb-site{font-family:var(--num);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--slate-soft)}

/* body layout */
.page-single-post .article-section{padding:calc(46px + 64px) 0 92px}
.page-single-post .article-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:60px;align-items:start}
.page-single-post .prose{max-width:720px;min-width:0;color:var(--slate);font-size:17px;line-height:1.9}

/* mobile TOC */
.page-single-post .toc-mobile{display:none;border:1px solid var(--line);border-radius:14px;background:var(--bg-softer);margin-bottom:34px;overflow:hidden}
.page-single-post .toc-mobile summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;padding:16px 18px;font-weight:700;color:var(--ink);font-size:15px}
.page-single-post .toc-mobile summary::-webkit-details-marker{display:none}
.page-single-post .toc-mobile summary .tm-ic{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.9;flex:none}
.page-single-post .toc-mobile summary .chev{margin-left:auto;width:18px;height:18px;stroke:var(--slate-soft);fill:none;stroke-width:2;transition:transform .2s}
.page-single-post .toc-mobile[open] summary .chev{transform:rotate(180deg)}
.page-single-post .toc-mobile ol{list-style:none;padding:2px 18px 16px;border-top:1px solid var(--line-soft)}
.page-single-post .toc-mobile li{margin-top:4px}
.page-single-post .toc-mobile a{display:flex;gap:11px;padding:9px 4px;font-size:14.5px;color:var(--slate);line-height:1.5;border-radius:7px}
.page-single-post .toc-mobile .toc-n{font-family:var(--num);font-weight:700;font-size:12px;color:var(--blue);flex:none;padding-top:1px}
.page-single-post .toc-mobile li.toc-l3 .toc-n{font-size:10.5px}
.page-single-post .toc-mobile a:hover,.page-single-post .toc-mobile a.active{color:var(--blue)}
.page-single-post .toc-mobile li.toc-l3 a{padding-left:18px;font-size:13.5px}

/* sticky TOC (desktop) */
.page-single-post .toc{position:sticky;top:calc(var(--hd-h) + 24px);align-self:start}
body.admin-bar .page-single-post .toc{top:calc(var(--hd-h) + 56px)}
.page-single-post .toc .toc-title{font-family:var(--num);font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--slate-soft);margin-bottom:16px;padding-left:14px}
.page-single-post .toc ol{list-style:none;border-left:2px solid var(--line)}
.page-single-post .toc a{position:relative;display:flex;gap:9px;padding:8px 6px 8px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:13.5px;line-height:1.5;color:var(--slate-soft);transition:color .15s,border-color .15s}
.page-single-post .toc .toc-n{font-family:var(--num);font-weight:700;font-size:11px;color:var(--slate-soft);flex:none;padding-top:1px;transition:color .15s}
.page-single-post .toc li.toc-l3 .toc-n{font-size:10px}
.page-single-post .toc a:hover{color:var(--ink)}
.page-single-post .toc a.active{color:var(--blue-ink);font-weight:700;border-left-color:var(--blue)}
.page-single-post .toc a.active .toc-n{color:var(--blue)}
.page-single-post .toc li.toc-l3 a{padding-left:26px;font-size:12.5px}

/* prose typography (Gutenberg blocks) */
.page-single-post .prose>p{margin:0 0 22px}
.page-single-post .prose>p:first-of-type{font-size:18.5px;line-height:1.85;color:var(--ink);font-weight:500;margin-bottom:30px}
.page-single-post .prose{counter-reset:h2c}
.page-single-post .prose h2{font-size:clamp(22px,2.5vw,27px);line-height:1.34;margin:54px 0 18px;scroll-margin-top:calc(var(--hd-h) + 22px);padding-top:26px;border-top:1px solid var(--line-soft);color:var(--ink)}
.page-single-post .prose h2::before{counter-increment:h2c;content:counter(h2c,decimal-leading-zero);font-family:var(--num);font-size:14px;font-weight:700;color:var(--blue);display:block;margin-bottom:8px;letter-spacing:.02em}
.page-single-post .prose h2:first-child{border-top:0;padding-top:0;margin-top:8px}
.page-single-post .prose h3{font-size:19.5px;line-height:1.4;margin:34px 0 14px;color:var(--ink);scroll-margin-top:calc(var(--hd-h) + 22px)}
.page-single-post .prose a:not(.btn):not(.wp-block-button__link){color:var(--blue);font-weight:500;text-decoration:underline;text-decoration-color:rgba(42,92,215,.32);text-underline-offset:3px;text-decoration-thickness:1.5px;overflow-wrap:anywhere}
.page-single-post .prose a:not(.btn):not(.wp-block-button__link):hover{color:var(--blue-ink);text-decoration-color:var(--blue-ink)}
.page-single-post .prose strong{font-weight:700;color:var(--ink)}
.page-single-post .prose ul,.page-single-post .prose ol{margin:0 0 24px;padding:0;list-style:none}
.page-single-post .prose ul>li,.page-single-post .prose ol>li{position:relative;padding-left:32px;margin-bottom:13px;line-height:1.8}
.page-single-post .prose ul>li::before{content:"";position:absolute;left:8px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.page-single-post .prose ol{counter-reset:st}
.page-single-post .prose ol>li{counter-increment:st;padding-left:38px}
.page-single-post .prose ol>li::before{content:counter(st);position:absolute;left:0;top:2px;width:23px;height:23px;border-radius:7px;background:var(--blue-tint);color:var(--blue-ink);font-family:var(--num);font-weight:700;font-size:12.5px;display:flex;align-items:center;justify-content:center}
.page-single-post .prose li strong{color:var(--ink)}
.page-single-post .prose li>ul,.page-single-post .prose li>ol{margin:12px 0 0}

/* inline + block code */
.page-single-post .prose code{font-family:var(--code);font-size:.86em;background:var(--blue-faint);border:1px solid var(--panel-line);color:var(--blue-ink);padding:.12em .42em;border-radius:6px;word-break:break-word}
.page-single-post .prose pre{margin:0 0 28px;padding:18px 20px;border:1px solid var(--navy-2);border-radius:13px;overflow-x:auto;background:var(--navy);box-shadow:var(--sh-card);font-family:var(--code);font-size:13.5px;line-height:1.75;color:#D6E0F0;-webkit-overflow-scrolling:touch}
.page-single-post .prose pre code{font-family:var(--code);font-size:1em;background:none;border:0;color:inherit;padding:0;border-radius:0;white-space:pre}

/* blockquote */
.page-single-post .prose blockquote{margin:0 0 28px;padding:6px 0 6px 26px;border-left:3px solid var(--blue);font-size:18px;line-height:1.78;color:var(--ink);font-weight:500}
.page-single-post .prose blockquote p{margin:0 0 8px}
.page-single-post .prose blockquote cite{display:block;margin-top:10px;font-size:13.5px;font-weight:500;font-style:normal;color:var(--slate-soft)}

/* figure / images */
.page-single-post .prose figure{margin:0 0 28px}
.page-single-post .prose figure img{border-radius:13px;width:100%;height:auto}
.page-single-post .prose figcaption{margin-top:11px;font-size:13.5px;color:var(--slate-soft);line-height:1.6;text-align:left}

/* separator + buttons */
.page-single-post .prose hr,.page-single-post .prose .wp-block-separator{border:0;border-top:1px solid var(--line);margin:38px auto;max-width:120px}
.page-single-post .prose .wp-block-button{margin:0 0 24px}
.page-single-post .prose .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:700;font-size:15px;line-height:1;padding:14px 24px;border-radius:10px;background:var(--blue);color:#fff;text-decoration:none}
.page-single-post .prose .wp-block-button__link:hover{background:var(--blue-ink);color:#fff}

/* tables (one semantic table; JS adds data-label for mobile cards) */
.page-single-post .prose figure.wp-block-table,.page-single-post .prose .tbl-wrap{margin:0 0 28px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.page-single-post .prose table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.page-single-post .prose table caption,.page-single-post .prose figure.wp-block-table figcaption{caption-side:top;text-align:left;font-size:13px;font-weight:700;color:var(--slate-soft);margin-bottom:12px}
.page-single-post .prose thead th{background:var(--bg-soft);text-align:left;font-weight:700;color:var(--ink);font-size:13.5px;padding:13px 16px;border-bottom:1px solid var(--line)}
.page-single-post .prose tbody td{padding:14px 16px;border-bottom:1px solid var(--line-soft);vertical-align:top;line-height:1.65}
.page-single-post .prose tbody tr:last-child td{border-bottom:0}
.page-single-post .prose tbody td:first-child{font-weight:700;color:var(--ink)}

/* in-article service prompt */
.page-single-post .svc-prompt{margin:40px 0 28px;border:1px solid var(--panel-line);border-radius:16px;background:linear-gradient(180deg,var(--blue-faint),#fff);padding:26px 28px;display:flex;gap:22px;align-items:center}
.page-single-post .svc-prompt .sp-ic{width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid var(--panel-line);flex:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-sm)}
.page-single-post .svc-prompt .sp-ic svg{width:23px;height:23px;stroke:var(--blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-single-post .svc-prompt .sp-body{flex:1;min-width:0}
.page-single-post .svc-prompt .sp-title{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:5px}
.page-single-post .svc-prompt .sp-text{font-size:14.5px;line-height:1.7;color:var(--slate-soft)}
.page-single-post .svc-prompt .sp-btns{display:flex;gap:11px;flex:none}
.page-single-post .svc-prompt .sp-btns .btn{font-size:14px;padding:12px 18px}

/* article footer */
.page-single-post .article-end{max-width:720px;margin:0 auto}
.page-single-post .tagrow{display:flex;flex-wrap:wrap;align-items:center;gap:11px;padding:30px 0;border-top:1px solid var(--line);margin-top:48px}
.page-single-post .tagrow .tr-label{font-size:13px;font-weight:700;color:var(--slate-soft);margin-right:2px}
.page-single-post .tag{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--slate);background:var(--bg-soft);border:1px solid var(--line);padding:7px 13px;border-radius:8px;transition:border-color .15s,color .15s,background .15s}
.page-single-post .tag:hover{border-color:var(--blue);color:var(--blue);background:#fff}
.page-single-post .tag .h{color:var(--slate-soft);font-family:var(--num)}
.page-single-post .backrow{display:flex;justify-content:flex-start;padding:6px 0 0}
.page-single-post .tagrow+.backrow{padding-top:6px}
.page-single-post .article-end>.backrow:first-child{border-top:1px solid var(--line);margin-top:48px;padding-top:30px}
.page-single-post .backrow a{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;color:var(--slate)}
.page-single-post .backrow a:hover{color:var(--blue)}
.page-single-post .backrow svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;flex:none;transition:transform .15s}
.page-single-post .backrow a:hover svg{transform:translateX(-3px)}
.page-single-post .adjacent{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.page-single-post .adjacent--single{grid-template-columns:1fr}
.page-single-post .adj{display:flex;flex-direction:column;gap:10px;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .16s,box-shadow .16s,transform .16s;min-width:0}
.page-single-post .adj:hover{border-color:#D5DEEC;box-shadow:var(--sh-card);transform:translateY(-2px)}
.page-single-post .adj .adj-dir{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--slate-soft);font-family:var(--num);letter-spacing:.04em;text-transform:uppercase}
.page-single-post .adj .adj-dir svg{width:15px;height:15px;stroke:var(--blue);fill:none;stroke-width:2;flex:none}
.page-single-post .adj.next{text-align:right;align-items:flex-end}
.page-single-post .adj.next .adj-dir{flex-direction:row-reverse}
.page-single-post .adj .adj-title{font-size:16px;font-weight:700;color:var(--ink);line-height:1.5}
.page-single-post .adj:hover .adj-title{color:var(--blue)}

/* related posts (reuses the blog post-card helper markup) */
.page-single-post .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-single-post .post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:border-color .16s,box-shadow .16s,transform .16s}
.page-single-post .post-card:hover{border-color:#D5DEEC;box-shadow:var(--sh-card);transform:translateY(-3px)}
.page-single-post .post-card .cover{aspect-ratio:16/9;border:0;border-bottom:1px solid var(--line);border-radius:0}
.page-single-post .post-card .cover .cv-ic{width:54px;height:54px}
.page-single-post .post-card .cover .cv-ic svg{width:26px;height:26px}
.page-single-post .post-card .cover.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-single-post .post-card .pc-body{padding:24px 24px 22px;display:flex;flex-direction:column;flex:1}
.page-single-post .post-card .pc-cat{margin-bottom:13px}
.page-single-post .post-card h3{font-size:18px;font-weight:700;line-height:1.45;margin-bottom:11px}
.page-single-post .post-card h3 a{color:var(--ink)}
.page-single-post .post-card h3 a:hover{color:var(--blue)}
.page-single-post .post-card .excerpt{font-size:14px;color:var(--slate-soft);margin-bottom:18px;flex:1}
.page-single-post .post-card .post-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--slate-soft);margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line-soft)}
.page-single-post .post-card .post-meta .mi{display:inline-flex;align-items:center;gap:7px}
.page-single-post .post-card .post-meta .mi svg{width:15px;height:15px;stroke:var(--slate-soft);fill:none;stroke-width:1.8;flex:none}
.page-single-post .post-card .post-meta .mi .num{color:var(--slate)}
.page-single-post .post-card .pc-more{font-size:14px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:6px;margin-top:auto}
.page-single-post .post-card .pc-more svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .16s}
.page-single-post .post-card:hover .pc-more svg{transform:translateX(3px)}
.page-single-post .related-sec .pill--cat{text-decoration:none}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:46px}
  /* single post */
  .page-single-post .article-grid{grid-template-columns:1fr;gap:0;max-width:760px}
  .page-single-post .toc{display:none}
  .page-single-post .toc-mobile{display:block}
  .page-single-post .prose{max-width:none}
  .page-single-post .article-cover{max-width:760px}
  .page-single-post .post-grid{grid-template-columns:repeat(2,1fr)}
  /* 404 page */
  .page-404 .hero-grid{gap:48px}
  .page-404 .status-panel{max-width:560px}
  .page-404 .entry-grid{grid-template-columns:repeat(2,1fr)}
  /* blog */
  .page-blog .topic-card{max-width:520px}
  .page-blog .feat{grid-template-columns:1fr}
  .page-blog .feat .cover{border-right:0;border-bottom:1px solid var(--line);min-height:240px;aspect-ratio:auto}
  .page-blog .post-grid{grid-template-columns:repeat(2,1fr)}
  /* privacy policy: collapse to single column, table of contents not sticky */
  .page-privacy-policy .pp-layout{grid-template-columns:1fr;gap:0}
  .page-privacy-policy .pp-toc{position:static;top:auto;margin-bottom:40px}
  .page-privacy-policy #policy{padding:56px 0 80px}
  .svc-grid,.case-grid{grid-template-columns:repeat(2,1fr)}
  .price-grid{grid-template-columns:1fr;max-width:480px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:34px}
  .faq-grid{grid-template-columns:1fr;gap:28px}
  .proc{grid-template-columns:repeat(2,1fr);gap:30px 22px}
  .proc::before{display:none}
  /* performance page */
  .page-performance .hero-grid,.page-technical-rescue .hero-grid,.page-security-cleanup .hero-grid,.page-custom-development .hero-grid,.page-maintenance .hero-grid,.page-managed-wordpress .hero-grid{grid-template-columns:1fr;gap:44px}
  .page-performance .hero .lead,.page-technical-rescue .hero .lead,.page-security-cleanup .hero .lead,.page-custom-development .hero .lead,.page-maintenance .hero .lead,.page-managed-wordpress .hero .lead{max-width:560px}
  .page-performance .cwv-card{max-width:560px}
  .page-performance .diag-grid{grid-template-columns:1fr;gap:40px}
  .page-performance .diag-tx p,.page-performance .diag-hint{max-width:560px}
  .page-performance .fit-grid{grid-template-columns:repeat(2,1fr)}
  /* technical rescue page */
  .page-technical-rescue .inc-card{max-width:560px}
  .page-technical-rescue .phase-flow,.page-security-cleanup .phase-flow{grid-template-columns:1fr;max-width:560px;gap:12px}
  .page-technical-rescue .phase-arrow svg,.page-security-cleanup .phase-arrow svg{transform:rotate(90deg)}
  .page-technical-rescue .price-grid,.page-security-cleanup .price-grid,.page-custom-development .price-grid{grid-template-columns:1fr;gap:40px;max-width:1020px}
  .page-technical-rescue .price-tx p,.page-security-cleanup .price-tx p,.page-custom-development .price-tx p,.page-maintenance .price-tx p,.page-managed-wordpress .price-tx p,.page-technical-rescue .price-pledge,.page-security-cleanup .price-pledge{max-width:560px}
  .page-technical-rescue .price-card,.page-security-cleanup .price-card,.page-custom-development .price-card,.page-maintenance .price-card,.page-managed-wordpress .price-card{max-width:640px}
  /* security cleanup page */
  .page-security-cleanup .scan-card{max-width:560px}
  .page-security-cleanup .sym-body{grid-template-columns:1fr}
  .page-security-cleanup .sym-group{border-left:0;border-top:1px solid var(--line-soft)}
  .page-security-cleanup .sym-group:first-child{border-top:0}
  .page-security-cleanup .scope-band{grid-template-columns:1fr}
  .page-security-cleanup .scope-rail{border-right:0;border-bottom:1px solid var(--line-soft)}

  /* custom development page */
  .page-custom-development .bp-card{max-width:580px}
  .page-custom-development .need-grid{grid-template-columns:1fr;grid-template-rows:none;max-width:640px}
  .page-custom-development .need-card--a{grid-row:auto}
  .page-custom-development .arch{grid-template-columns:1fr;max-width:620px}
  .page-custom-development .arch::before{top:10px;bottom:10px;left:21px;right:auto;width:2px;height:auto}
  .page-custom-development .arch-step{display:grid;grid-template-columns:44px 1fr;gap:0 18px;padding:13px 0;align-items:start}
  .page-custom-development .arch-step .an{margin-top:2px;grid-column:2;grid-row:1}
  .page-custom-development .arch-step h3,.page-custom-development .arch-step .q{grid-column:2}
  .page-custom-development .arch-node{margin-bottom:0;grid-row:1 / span 3}
  .page-custom-development .arch-step:not(:last-child)::after{top:auto;bottom:-5px;right:auto;left:17px;transform:rotate(135deg)}
  .page-custom-development .svc-row{grid-template-columns:1fr auto;gap:8px 18px}
  .page-custom-development .svc-row .st{grid-column:1;grid-row:1}
  .page-custom-development .svc-row .pill{grid-column:2;grid-row:1;justify-self:end;align-self:center}
  .page-custom-development .svc-row .sd{grid-column:1 / -1;grid-row:2;padding-left:31px}
  .page-custom-development .steps{grid-template-columns:repeat(2,1fr);gap:34px 26px;max-width:640px}
  .page-custom-development .prep2-grid{grid-template-columns:1fr;gap:44px}
  .page-custom-development .prep2-tx{grid-column:1;grid-row:1}
  .page-custom-development .doc-mock{grid-column:1;grid-row:2;max-width:520px}
  .page-custom-development .fit-cols,.page-maintenance .fit-cols,.page-managed-wordpress .fit-cols{grid-template-columns:1fr}
  .page-custom-development .fit-col--b,.page-maintenance .fit-col--b,.page-managed-wordpress .fit-col--b{border-left:0;border-top:1px solid var(--line-soft)}

  /* maintenance page */
  .page-maintenance .mlog{justify-self:start;max-width:520px}
  .page-maintenance .drift-track{grid-template-columns:1fr 1fr;gap:26px 0}
  .page-maintenance .drift-stage:nth-child(2)::before,.page-maintenance .drift-stage:nth-child(2)::after{display:none}
  .page-maintenance .sit-grid{grid-template-columns:1fr;max-width:640px}
  .page-maintenance .ws-items{grid-template-columns:1fr}
  .page-maintenance .ws-item:nth-last-child(2){border-bottom:1px solid var(--line-soft)}
  .page-maintenance .cycle-steps{grid-template-columns:1fr;gap:0;max-width:560px;margin:0 auto}
  .page-maintenance .cycle-steps::before{top:24px;bottom:24px;left:23px;right:auto;width:2px;height:auto}
  .page-maintenance .cy-step{display:grid;grid-template-columns:48px 1fr;gap:2px 18px;padding:14px 0;align-items:start}
  .page-maintenance .cy-node{margin-bottom:0;grid-row:1 / span 2}
  .page-maintenance .cy-step h3{grid-column:2;margin-top:10px;margin-bottom:4px}
  .page-maintenance .cy-step p{grid-column:2}
  .page-maintenance .cycle-loop{max-width:560px;margin:26px auto 0;height:auto;border:0;border-radius:0;display:flex;justify-content:center}
  .page-maintenance .cycle-loop::before,.page-maintenance .cycle-loop::after,.page-maintenance .cycle-loop .arrow{display:none}
  .page-maintenance .cycle-loop .lb{position:static;transform:none;white-space:normal;text-align:center}
  .page-maintenance .cycle-note{margin-top:30px}
  .page-maintenance .rep-grid{grid-template-columns:1fr;gap:44px}
  .page-maintenance .report{justify-self:start;max-width:520px}
  .page-maintenance .price-grid,.page-managed-wordpress .price-grid{grid-template-columns:1fr;gap:40px}
  .page-maintenance .prep-grid,.page-managed-wordpress .prep-grid{grid-template-columns:1fr;gap:44px}
  .page-maintenance .prep-card,.page-managed-wordpress .prep-card{max-width:640px}

  /* managed wordpress page */
  .page-managed-wordpress .console{justify-self:start;max-width:520px}
  .page-managed-wordpress .voices{grid-template-columns:1fr 1fr;max-width:720px}
  .page-managed-wordpress .voices .voice--sum{grid-column:1 / -1}
  .page-managed-wordpress .flow-steps{grid-template-columns:1fr;gap:8px}
  .page-managed-wordpress .farr{justify-content:flex-start;padding:2px 0 2px 18px}
  .page-managed-wordpress .farr svg{transform:rotate(90deg)}
  .page-managed-wordpress .layer{grid-template-columns:1fr}
  .page-managed-wordpress .layer-id{border-right:0;border-bottom:1px solid var(--line-soft);flex-direction:row;align-items:center;flex-wrap:wrap;padding:18px 30px;gap:8px 14px}
  .page-managed-wordpress .layer-id .lvl{order:3;margin-left:auto}
  .page-managed-wordpress .layer-items{grid-template-columns:1fr 1fr}
  .page-managed-wordpress .ops-steps{grid-template-columns:1fr;gap:0;max-width:560px;margin:0 auto}
  .page-managed-wordpress .ops-steps::before{top:27px;bottom:27px;left:26px;right:auto;width:2px;height:auto}
  .page-managed-wordpress .op-step{display:grid;grid-template-columns:54px 1fr;gap:2px 18px;padding:13px 0;align-items:start}
  .page-managed-wordpress .op-node{margin-bottom:0;grid-row:1 / span 3}
  .page-managed-wordpress .op-step .on{grid-column:2;margin-top:6px;margin-bottom:2px}
  .page-managed-wordpress .op-step h3{grid-column:2;margin-bottom:4px}
  .page-managed-wordpress .op-step p{grid-column:2}
  .page-managed-wordpress .sum-grid{grid-template-columns:1fr 1fr}
  .page-managed-wordpress .sum-grid .sum-mod:nth-child(-n+3){border-top:1px solid var(--line-soft)}
  .page-managed-wordpress .sum-grid .sum-mod:nth-child(-n+2){border-top:0}
  .page-managed-wordpress .sum-grid .sum-mod:nth-child(3n+2),.page-managed-wordpress .sum-grid .sum-mod:nth-child(3n){border-left:0}
  .page-managed-wordpress .sum-grid .sum-mod:nth-child(2n){border-left:1px solid var(--line-soft)}
  .page-managed-wordpress .who{grid-template-columns:1fr;max-width:640px}

  /* about page */
  .page-about .hero-grid{grid-template-columns:1fr;gap:54px}
  .page-about .studio-board{max-width:560px}
  .page-about .wedo-grid{grid-template-columns:1fr;gap:46px}
  .page-about .wedo-main p{max-width:none}
  .page-about .why-grid{grid-template-columns:1fr;gap:50px}
  .page-about .proc{grid-template-columns:repeat(2,1fr);gap:38px 22px}
  .page-about .proc::before{display:none}
  .page-about .who-head{grid-template-columns:1fr;gap:14px}
  .page-about .who-head p{justify-self:start}
  .page-about .studio-grid{grid-template-columns:1fr;gap:50px}
  .page-about .studio-photo{max-width:340px}

  /* contact page */
  .page-contact .hero-grid{grid-template-columns:1fr;gap:54px}
  .page-contact .triage{max-width:560px}
  .page-contact .opt-grid{grid-template-columns:1fr}
  .page-contact .need-grid{grid-template-columns:repeat(2,1fr)}
  .page-contact .prep-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .page-contact .proc{grid-template-columns:repeat(2,1fr);gap:38px 22px}
  .page-contact .proc::before{display:none}
}
@media(max-width:782px){
  body.admin-bar header.nav{top:46px}
}
@media(max-width:768px){
  section{padding:72px 0}
  .nav-primary,.nav-right{display:none}
  .nav-toggle{display:block}
  .hero{padding:42px 0 54px}
  /* single post */
  .page-single-post .ahero{padding:34px 0 0}
  .page-single-post .article-section{padding:88px 0 72px}
  .page-single-post .article-cover .cover{aspect-ratio:16/10}
  .page-single-post .amt{gap:14px 20px}
  .page-single-post .svc-prompt{flex-direction:column;align-items:flex-start;gap:18px}
  .page-single-post .svc-prompt .sp-btns{width:100%}
  .page-single-post .svc-prompt .sp-btns .btn{flex:1}
  /* one semantic table -> stacked cards on mobile via JS data-label */
  .page-single-post .prose table.is-stacked thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .page-single-post .prose table.is-stacked,.page-single-post .prose table.is-stacked tbody,.page-single-post .prose table.is-stacked tr,.page-single-post .prose table.is-stacked td{display:block;width:auto}
  .page-single-post .prose table.is-stacked tr{border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:13px}
  .page-single-post .prose table.is-stacked td{display:flex;justify-content:space-between;gap:16px;padding:11px 16px;border-bottom:1px solid var(--line-soft);text-align:right}
  .page-single-post .prose table.is-stacked td:last-child{border-bottom:0}
  .page-single-post .prose table.is-stacked td::before{content:attr(data-label);font-weight:600;color:var(--slate-soft);text-align:left;flex:none}
  .page-single-post .prose table.is-stacked td:first-child{background:var(--bg-soft);font-weight:700;color:var(--ink);border-bottom:1px solid var(--line);justify-content:flex-start}
  .page-single-post .prose table.is-stacked td:first-child::before{display:none}
  /* blog */
  .page-blog .post-grid{grid-template-columns:1fr}
  .page-blog .feat-body{padding:30px 26px}
  .page-blog .latest-head{margin-top:56px}
  /* 404 page */
  .page-404 .hero{padding:36px 0 56px}
  .page-404 .err-code{font-size:clamp(64px,18vw,88px)}
  .page-404 .hero h1{font-size:26px;line-height:1.25}
  .page-404 .hero .lead{font-size:16px}
  .page-404 .hero-cta{flex-direction:column;gap:10px}
  .page-404 .hero-cta .btn{width:100%}
  .page-404 .sp-body{padding:22px 18px 20px}
  .page-404 .sp-404{font-size:46px}
  .page-404 .help{padding:64px 0}
  .page-404 .help-inner{flex-direction:column;align-items:flex-start}
  .page-404 .help-btns{width:100%;flex-direction:column}
  .page-404 .help-btns .btn{width:100%}
  .trust-inner{gap:32px}
  .trust-stats{gap:28px}
  .svc-grid,.case-grid{grid-template-columns:1fr}
  .why-row{grid-template-columns:1fr;gap:8px}
  .why-item{padding:24px 0;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .why-item:first-child{border-top:0;padding-top:0}
  .who-rows{grid-template-columns:1fr;gap:0}
  .who-item:nth-child(2){border-top:1px solid var(--panel-line)}
  .about-grid{grid-template-columns:1fr;gap:48px}
  .about-points{grid-template-columns:1fr}
  .about-photo{max-width:300px}
  .cta-inner{flex-direction:column;align-items:flex-start}
  .cta-btns{width:100%}
  .cta-btns .btn{flex:1}
  /* mobile hero compaction */
  .hero h1{font-size:31px;line-height:1.22;margin:16px 0 14px}
  .hero .lead{font-size:16px;margin-bottom:18px}
  .symptom-row{gap:7px;margin-bottom:22px}
  .pill--symptom{font-size:12px;padding:6px 11px}
  .hero-cta{flex-direction:column;gap:8px;margin-bottom:14px}
  .hero-cta .btn-primary{width:100%}
  .hero-cta .btn-outline{width:100%;background:transparent;border-color:transparent;color:var(--blue);text-decoration:underline;text-underline-offset:3px;padding:8px}
  /* compact cases panel */
  .cases-card{padding:20px 20px 16px}
  .cc-row{padding:12px 0}
  .cc-ic{width:36px;height:36px}
  .cc-tx .v{font-size:12.5px}
  /* compact circular FAB */
  .float-line{padding:0;width:52px;height:52px;border-radius:50%;justify-content:center;right:16px;bottom:16px;gap:0}
  .float-line .lp,.float-line .tx{display:none}
  .float-line svg{width:23px;height:23px}
  .mobile-menu{display:none;flex-direction:column;padding:14px 28px 22px;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
  .mobile-menu.open{display:flex}
  .mobile-menu a{padding:13px 4px;font-size:16px;font-weight:500;color:#C4CEDD;border-bottom:1px solid rgba(255,255,255,.07)}
  .mobile-menu .mm-cta{display:flex;flex-direction:column;gap:10px;margin-top:16px;border:0!important;padding:0}
  .mobile-menu .mm-cta .btn{width:100%}
  .mobile-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
  .mobile-menu .sub-menu{list-style:none;margin:0;padding:0}
  .mobile-menu .sub-menu a{padding-left:20px;font-size:15px;color:#9FB0C4}
  .mobile-menu .current-menu-item>a,.mobile-menu .current-menu-ancestor>a,.mobile-menu .current-menu-parent>a,.mobile-menu .current_page_item>a,.mobile-menu .current_page_parent>a,.mobile-menu .current_page_ancestor>a{color:#fff;font-weight:700}
  /* services page */
  .page-hero{padding:46px 0 56px}
  .page-hero h1{font-size:31px;line-height:1.22;margin:0 0 18px}
  .page-hero .lead{font-size:16px;margin-bottom:22px}
  .page-hero .hero-cta{gap:9px;margin-bottom:18px}
  .page-hero .hero-cta .btn{width:100%}
  .page-hero .hero-cta .btn-outline{background:#fff;border-color:var(--line);color:var(--ink);text-decoration:none;padding:16px 28px}
  .group{margin-top:56px}
  .svc-card--wide{flex-direction:column;gap:0;padding:30px 28px}
  .svc-card--wide .svc-tile{margin-bottom:20px}
  /* performance page */
  .page-performance .hero,.page-technical-rescue .hero,.page-security-cleanup .hero,.page-custom-development .hero,.page-maintenance .hero,.page-managed-wordpress .hero{padding:40px 0 64px}
  .page-performance .crumb,.page-technical-rescue .crumb,.page-security-cleanup .crumb,.page-custom-development .crumb,.page-maintenance .crumb,.page-managed-wordpress .crumb{margin-bottom:26px}
  .page-performance .hero h1,.page-technical-rescue .hero h1,.page-security-cleanup .hero h1,.page-custom-development .hero h1,.page-maintenance .hero h1,.page-managed-wordpress .hero h1{font-size:31px;line-height:1.22;margin:0 0 18px}
  .page-performance .hero .lead,.page-technical-rescue .hero .lead,.page-security-cleanup .hero .lead,.page-custom-development .hero .lead,.page-maintenance .hero .lead,.page-managed-wordpress .hero .lead{font-size:16px;margin-bottom:24px}
  .page-performance .hero-cta,.page-technical-rescue .hero-cta,.page-security-cleanup .hero-cta,.page-custom-development .hero-cta,.page-maintenance .hero-cta,.page-managed-wordpress .hero-cta{flex-direction:column;gap:9px;margin-bottom:18px}
  .page-performance .hero-cta .btn,.page-technical-rescue .hero-cta .btn,.page-security-cleanup .hero-cta .btn,.page-custom-development .hero-cta .btn,.page-maintenance .hero-cta .btn,.page-managed-wordpress .hero-cta .btn{width:100%}
  .page-performance .hero-cta .btn-outline,.page-technical-rescue .hero-cta .btn-outline,.page-security-cleanup .hero-cta .btn-outline,.page-custom-development .hero-cta .btn-outline,.page-maintenance .hero-cta .btn-outline,.page-managed-wordpress .hero-cta .btn-outline,.page-about .hero-cta .btn-outline{background:#fff;border-color:var(--line);color:var(--ink);text-decoration:none;padding:16px 28px}
  .page-performance .scope-grid{grid-template-columns:1fr}
  .page-performance .ba-meta{padding:16px 20px}
  .page-performance .ba-table{padding:6px 20px 0}
  .page-performance .ba-tbl thead th:first-child{width:33.4%}
  .page-performance .ba-tbl thead th+th{padding-left:10px}
  .page-performance .ba-tbl tbody td{padding-left:10px}
  .page-performance .ba-tbl .metric{font-size:13.5px}
  .page-performance .ba-slot{font-size:14px;padding:9px 6px}
  .page-performance .ba-did{padding:16px 20px 22px}
  .page-performance .fit-grid{grid-template-columns:1fr}
  /* technical rescue page */
  .page-technical-rescue .fault-body{grid-template-columns:1fr}
  .page-technical-rescue .fault-item:nth-child(odd){border-right:0}
  .page-technical-rescue .fault-item:nth-child(-n+2){border-top:1px solid var(--line-soft)}
  .page-technical-rescue .fault-item:first-child{border-top:0}
  .page-technical-rescue .fault-item{padding:18px 22px}
  .page-technical-rescue .fault-head{padding:14px 22px}
  .page-technical-rescue .fault-head .lg{display:none}
  .page-technical-rescue .fault-foot{padding:15px 22px;text-align:center;flex-wrap:wrap}
  .page-technical-rescue .fix-grid{grid-template-columns:1fr}
  .page-technical-rescue .prep-list,.page-security-cleanup .prep-list{grid-template-columns:1fr;gap:0;padding:10px 24px 18px}
  .page-technical-rescue .prep-list li:nth-last-child(-n+2),.page-security-cleanup .prep-list li:nth-last-child(-n+2){border-bottom:1px solid var(--line-soft)}
  .page-technical-rescue .prep-list li:last-child,.page-security-cleanup .prep-list li:last-child{border-bottom:0}
  .page-technical-rescue .prep-head,.page-security-cleanup .prep-head{padding:15px 24px}
  .page-technical-rescue .prep-safe,.page-security-cleanup .prep-safe{margin:0 24px 24px}
  /* security cleanup page */
  .page-security-cleanup .sym-head{padding:14px 22px}
  .page-security-cleanup .sym-head .lg{display:none}
  .page-security-cleanup .sym-group{padding:22px 22px 24px}
  .page-security-cleanup .sym-foot{padding:15px 22px;text-align:center;flex-wrap:wrap}
  .page-security-cleanup .scope-rail{padding:24px 24px 22px}
  .page-security-cleanup .scope-items{grid-template-columns:1fr;padding:8px 24px 16px;gap:0}
  .page-security-cleanup .scope-items li:nth-last-child(-n+2){border-bottom:1px solid var(--line-soft)}
  .page-security-cleanup .scope-items li:last-child{border-bottom:0}
  .page-security-cleanup .scope-note{margin-top:22px;padding:0 4px}
  .page-performance .faq-item summary,.page-technical-rescue .faq-item summary,.page-security-cleanup .faq-item summary,.page-custom-development .faq-item summary,.page-maintenance .faq-item summary,.page-managed-wordpress .faq-item summary{padding:18px 20px;font-size:15.5px}
  .page-performance .faq-item .ans,.page-technical-rescue .faq-item .ans,.page-security-cleanup .faq-item .ans,.page-custom-development .faq-item .ans,.page-maintenance .faq-item .ans,.page-managed-wordpress .faq-item .ans{padding:0 20px 20px 20px}

  /* custom development page */
  .page-custom-development .bp-head{padding:14px 18px}
  .page-custom-development .bp-head .s{display:none}
  .page-custom-development .bp-body{padding:20px 16px 18px}
  .page-custom-development .bp-map{grid-template-columns:1fr;gap:0}
  .page-custom-development .bp-side{margin-top:16px;padding-top:18px;border-top:2px dashed #C3CEE3}
  .page-custom-development .bp-node--ext::before{display:none}
  .page-custom-development .need-head{padding:22px 22px 12px}
  .page-custom-development .need-list{padding:0 22px 20px}
  .page-custom-development .need-chips{padding:6px 22px 22px}
  .page-custom-development .svc-head{padding:14px 22px}
  .page-custom-development .svc-row{padding:17px 22px}
  .page-custom-development .svc-note{padding:15px 22px}
  .page-custom-development .steps{grid-template-columns:1fr;gap:30px;max-width:520px}
  .page-custom-development .fit-col,.page-maintenance .fit-col,.page-managed-wordpress .fit-col{padding:24px 24px 22px}
  .page-custom-development .fit-foot,.page-maintenance .fit-foot,.page-managed-wordpress .fit-foot{padding:15px 24px}

  /* maintenance page */
  .page-maintenance .hero-note,.page-managed-wordpress .hero-note{align-items:flex-start}
  .page-maintenance .hero-note svg,.page-managed-wordpress .hero-note svg{margin-top:4px}
  .page-maintenance .mlog-head{padding:14px 18px}
  .page-maintenance .mlog-head .s{display:none}
  .page-maintenance .mlog-dates{grid-template-columns:1fr}
  .page-maintenance .mlog-date + .mlog-date{border-left:0;border-top:1px solid var(--line-soft)}
  .page-maintenance .mlog-date,.page-maintenance .mlog-list{padding-left:18px;padding-right:18px}
  .page-maintenance .mlog-prog,.page-maintenance .mlog-foot{padding-left:18px;padding-right:18px}
  .page-maintenance .drift-head{padding:14px 22px}
  .page-maintenance .drift-track{grid-template-columns:1fr;padding:24px 22px;gap:0}
  .page-maintenance .drift-stage{display:grid;grid-template-columns:64px 1fr;gap:2px 18px;padding:13px 0;align-items:start}
  .page-maintenance .drift-stack{height:auto;flex-direction:column-reverse;margin-bottom:0;grid-row:1 / span 3}
  .page-maintenance .drift-stack i{height:11px}
  .page-maintenance .drift-stage .dn{grid-column:2;margin-bottom:2px}
  .page-maintenance .drift-stage h3{grid-column:2}
  .page-maintenance .drift-stage p{grid-column:2}
  .page-maintenance .drift-stage:not(:last-child)::before,.page-maintenance .drift-stage:not(:last-child)::after{display:none}
  .page-maintenance .drift-foot{padding:15px 22px}
  .page-maintenance .ws-head{padding:14px 22px}
  .page-maintenance .ws-gh{padding:15px 22px 4px}
  .page-maintenance .ws-items{padding:6px 22px 18px}
  .page-maintenance .ws-note{padding:15px 22px}
  .page-maintenance .suit-row{padding:15px 22px}
  .page-maintenance .price-tx .amount .val,.page-managed-wordpress .price-tx .amount .val{font-size:44px}
  .page-maintenance .price-inc{grid-template-columns:1fr;padding:8px 22px 14px}
  .page-maintenance .price-inc li:nth-last-child(2){border-bottom:1px solid var(--line-soft)}
  .page-maintenance .price-card-head,.page-managed-wordpress .price-card-head{padding:15px 22px}
  .page-maintenance .price-notes,.page-managed-wordpress .price-notes{padding:4px 22px 18px}
  .page-maintenance .prep-list,.page-managed-wordpress .prep-list{grid-template-columns:1fr;padding:8px 22px 16px}
  .page-maintenance .prep-list li:nth-last-child(2),.page-managed-wordpress .prep-list li:nth-last-child(2){border-bottom:1px solid var(--line-soft)}
  .page-maintenance .cta-btns,.page-managed-wordpress .cta-btns,.page-about .cta-btns{flex-direction:column}
  .page-maintenance .cta-btns .btn,.page-managed-wordpress .cta-btns .btn,.page-about .cta-btns .btn{width:100%}
  .page-maintenance .cta,.page-maintenance #faq,.page-managed-wordpress .cta,.page-managed-wordpress #faq{scroll-margin-bottom:90px}

  /* managed wordpress page */
  .page-managed-wordpress .console-head{padding:14px 18px}
  .page-managed-wordpress .console-grid{grid-template-columns:1fr 1fr;padding:14px 14px 6px;gap:8px}
  .page-managed-wordpress .console-queue{margin:8px 14px 0}
  .page-managed-wordpress .console-foot{padding:11px 18px 13px}
  .page-managed-wordpress .voices{grid-template-columns:1fr;max-width:560px}
  .page-managed-wordpress .flow-row{padding:22px 22px 20px}
  .page-managed-wordpress .flow-foot{padding:15px 22px}
  .page-managed-wordpress .stack-head{padding:14px 22px}
  .page-managed-wordpress .layer-id{padding:16px 22px}
  .page-managed-wordpress .layer-bd{padding:18px 22px 16px}
  .page-managed-wordpress .layer-items{grid-template-columns:1fr}
  .page-managed-wordpress .stack-note{padding:15px 22px}
  .page-managed-wordpress .ops-note{margin-top:32px}
  .page-managed-wordpress .sum-bar{padding:13px 18px;flex-wrap:wrap}
  .page-managed-wordpress .sum-grid{grid-template-columns:1fr}
  .page-managed-wordpress .sum-grid .sum-mod{border-left:0!important;border-top:1px solid var(--line-soft)!important;padding:18px 18px 16px}
  .page-managed-wordpress .sum-grid .sum-mod:first-child{border-top:0!important}
  .page-managed-wordpress .sum-foot{padding:12px 18px}
  .page-managed-wordpress .cmp-tbl thead{display:none}
  .page-managed-wordpress .cmp-tbl,.page-managed-wordpress .cmp-tbl tbody,.page-managed-wordpress .cmp-tbl tr,.page-managed-wordpress .cmp-tbl th,.page-managed-wordpress .cmp-tbl td{display:block;width:auto}
  .page-managed-wordpress .cmp-row{border-top:0;padding:8px 16px}
  .page-managed-wordpress .cmp-tbl tbody tr + tr th,.page-managed-wordpress .cmp-tbl tbody tr + tr td{border-top:0}
  .page-managed-wordpress .cmp-row .c-item{background:transparent;border-right:0;font-size:14.5px;padding:12px 8px 8px}
  .page-managed-wordpress .cmp-row .c-a,.page-managed-wordpress .cmp-row .c-b{display:flex;flex-direction:column;justify-content:center;gap:2px;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:13.5px;margin:0 0 8px}
  .page-managed-wordpress .cmp-row .c-b{border-color:var(--panel-line);border-left:1px solid var(--panel-line);margin-bottom:14px}
  .page-managed-wordpress .cmp-row .plan{display:block}
  .page-managed-wordpress .cmp-foot{padding:15px 20px}
  .page-managed-wordpress .who-h{padding:20px 22px 14px}
  .page-managed-wordpress .who-list{padding:4px 22px 12px}
  .page-managed-wordpress .who-alt{padding:14px 22px 20px}
  .page-managed-wordpress .price-inc{padding:8px 22px 14px}

  /* about page */
  .page-about .hero{padding:40px 0 60px}
  .page-about .hero h1{font-size:30px;line-height:1.25}
  .page-about .hero .lead{font-size:16px}
  .page-about .crumb{margin-bottom:24px;flex-wrap:wrap;row-gap:4px}
  .page-about .hero-cta{flex-direction:column;gap:9px}
  .page-about .hero-cta .btn{width:100%}
  .page-about .sb-float{top:-12px;right:-8px;padding:10px 13px}
  .page-about .wg-list{grid-template-columns:1fr}
  .page-about .prin-row{grid-template-columns:1fr;gap:6px;padding:26px 0}
  .page-about .prin-row .no{font-size:13px}
  .page-about .who-rows{grid-template-columns:1fr;gap:0}
  .page-about .who-rows .who-item:first-child{border-top:0}
  .page-about .who-rows .who-item:nth-child(2){border-top:1px solid var(--panel-line)}
  .page-about .proc{grid-template-columns:1fr;gap:0}
  .page-about .proc-step{display:grid;grid-template-columns:46px 1fr;gap:8px 18px;text-align:left;padding:16px 0}
  .page-about .proc-num{margin:0;grid-row:1 / span 2}
  .page-about .proc-step h3{align-self:center}
  .page-about .proc-step p{grid-column:2}

  /* contact page */
  .page-contact .hero{padding:40px 0 60px}
  .page-contact .hero h1{font-size:30px;line-height:1.25}
  .page-contact .hero .lead{font-size:16px}
  .page-contact .crumb{margin-bottom:24px;flex-wrap:wrap;row-gap:4px}
  .page-contact .hero-cta{flex-direction:column;gap:9px}
  .page-contact .hero-cta .btn{width:100%}
  .page-contact .hero-cta .btn-outline{background:#fff;border-color:var(--line);color:var(--ink);text-decoration:none;padding:16px 28px}
  .page-contact .triage-row{grid-template-columns:40px 1fr;row-gap:10px}
  .page-contact .triage-row .triage-go{grid-column:2}
  .page-contact .opt-card{padding:26px 22px}
  .page-contact .need-grid{grid-template-columns:1fr}
  .page-contact .need-opt{flex-direction:row;align-items:center;gap:14px;padding:16px 18px}
  .page-contact .need-opt .nv{display:none}
  .page-contact .need-opt .nc{margin-left:auto}
  .page-contact .form-head{padding:16px 22px}
  .page-contact .form-body{padding:24px 22px 30px}
  .page-contact .gform_wrapper .gform_fields{grid-template-columns:1fr}
  .page-contact .gform_wrapper .gfield{grid-column:1 / -1}
  .page-contact .gform_wrapper .gfield_radio{flex-direction:column}
  .page-contact .gform_wrapper .gfield_radio .gchoice{width:100%}
  .page-contact .gform_wrapper .gform_button{align-self:stretch;width:100%}
  .page-contact .faq-item summary{padding:17px 18px;font-size:15px}
  .page-contact .faq-item .fa{padding:0 18px 20px 58px}
  .page-contact .proc{grid-template-columns:1fr;gap:0}
  .page-contact .proc-step{display:grid;grid-template-columns:46px 1fr;gap:8px 18px;text-align:left;padding:16px 0}
  .page-contact .proc-num{margin:0;grid-row:1 / span 2}
  .page-contact .proc-step h3{align-self:center}
  .page-contact .proc-step p{grid-column:2}
  .page-contact .cta-inner{flex-direction:column;align-items:flex-start}
  .page-contact .cta-btns{width:100%;flex-direction:column}
  .page-contact .cta-btns .btn{width:100%}
}
@media(max-width:480px){
  .wrap{padding:0 20px}
  .sec-head{margin-bottom:40px}
  .foot-grid,.foot-top{grid-template-columns:1fr}
  .foot-top{flex-direction:column;align-items:flex-start}
  .hero h1{font-size:29px}
  .page-hero h1{font-size:29px}
  /* single post */
  .page-single-post .ahero h1{font-size:25px}
  .page-single-post .ahero .lead{font-size:16px}
  .page-single-post .prose{font-size:16px}
  .page-single-post .prose>p:first-of-type{font-size:17px}
  .page-single-post .post-grid{grid-template-columns:1fr}
  .page-single-post .adjacent{grid-template-columns:1fr}
  .page-single-post .adj.next,.page-single-post .adj.next .adj-dir{text-align:left;align-items:flex-start;flex-direction:row}
  /* blog */
  .page-blog .hero h1{font-size:28px}
  .page-blog .feat-body{padding:26px 22px}
  .page-blog .feat-body h3{font-size:21px}
  .page-blog .cat-pill{font-size:13px;padding:10px 15px}
  .page-blog .pg{min-width:40px;height:40px;padding:0 10px}
  /* 404 page */
  .page-404 .hero h1{font-size:26px}
  .page-404 .entry-grid{grid-template-columns:1fr;gap:14px}
  .page-404 .sp-headline{gap:12px}
  .page-404 .sp-404{font-size:42px}
  .page-404 .sp-node{width:56px}
  .page-404 .sp-row .k{font-size:10px}
  .proc{grid-template-columns:1fr;gap:8px}
  .proc-step{display:grid;grid-template-columns:46px 1fr;gap:16px;text-align:left;padding:10px 0}
  .proc-num{margin:0}
  /* performance page */
  .page-performance .crumb,.page-technical-rescue .crumb,.page-security-cleanup .crumb,.page-custom-development .crumb,.page-maintenance .crumb,.page-managed-wordpress .crumb{flex-wrap:wrap;row-gap:4px}
  .page-performance .hero h1,.page-technical-rescue .hero h1,.page-security-cleanup .hero h1,.page-custom-development .hero h1,.page-maintenance .hero h1,.page-managed-wordpress .hero h1{font-size:29px}
  .page-performance .cwv-row{grid-template-columns:auto 1fr;row-gap:8px}
  .page-performance .cwv-ab{width:48px;height:48px;font-size:14px}
  .page-performance .cwv-ref{grid-column:2;justify-self:start}
  .page-performance .diag-row{padding:15px 18px;gap:12px}
  .page-performance .diag-row .sym{font-size:14px}
  .page-performance .diag-row .layer{display:none}
  .page-performance .diag-list-head{padding:13px 18px}
  .page-performance .ba-meta .sep{display:none}
  .page-performance .ba-meta .mv{flex:1;min-width:0}
  /* technical rescue page */
  .page-technical-rescue .inc-list{padding:4px 18px}
  .page-technical-rescue .inc-row{gap:13px;padding:15px 0}
  .page-technical-rescue .inc-ic{width:42px;height:42px}
  .page-technical-rescue .inc-tx .k{font-size:14px}
  .page-technical-rescue .inc-tx .v{display:none}
  .page-technical-rescue .inc-row .pill{font-size:11.5px;padding:6px 10px}
  .page-technical-rescue .inc-head{padding:13px 18px}
  .page-technical-rescue .inc-head .s{display:none}
  .page-technical-rescue .fault-item .sym{font-size:14.5px}
  .page-technical-rescue .phase,.page-security-cleanup .phase{padding:26px 22px}
  /* security cleanup page */
  .page-security-cleanup .scan-head{padding:13px 18px}
  .page-security-cleanup .scan-head .s{display:none}
  .page-security-cleanup .scan-list{padding:4px 18px}
  .page-security-cleanup .scan-row{gap:13px;padding:14px 0}
  .page-security-cleanup .scan-row .pill{font-size:11.5px;padding:6px 10px}
  .page-security-cleanup .scan-ic{width:42px;height:42px}
  .page-security-cleanup .scan-tx .k{font-size:14px}
  .page-security-cleanup .scan-tx .v{display:none}
  .page-security-cleanup .scan-next{margin:4px 18px 14px}
  .page-security-cleanup .sym-items li{font-size:14px}
  /* custom development page */
  .page-custom-development .bp-node{padding:10px 13px}
  .page-custom-development .bp-node .nt{font-size:13.5px}
  .page-custom-development .bp-node .ns{display:none}
  .page-custom-development .bp-node .ic{width:32px;height:32px}
  .page-custom-development .need-chips{grid-template-columns:1fr}
  .page-custom-development .svc-row{grid-template-columns:1fr;gap:6px}
  .page-custom-development .svc-row .st{grid-column:1;grid-row:1}
  .page-custom-development .svc-row .sd{grid-column:1;grid-row:2}
  .page-custom-development .svc-row .pill{grid-column:1;grid-row:3;justify-self:start;margin-left:31px}
  .page-custom-development .doc-body{padding:18px 18px}
  .page-custom-development .doc-bar{padding:12px 16px}
  .page-custom-development .prep2-list li{font-size:14px}
  /* maintenance page */
  .page-maintenance .mlog-item .st{display:none}
  .page-maintenance .mlog-item .ms{display:none}
  .page-maintenance .report-bar{padding:12px 16px}
  .page-maintenance .report-meta{padding:14px 16px 12px;flex-wrap:wrap}
  .page-maintenance .report-sec{padding:12px 16px 4px}
  .page-maintenance .report-foot{padding:11px 16px}
  .page-maintenance .report-sec li{flex-wrap:wrap}
  .page-maintenance .cycle-loop .lb{font-size:12.5px;padding:8px 14px}
  .page-maintenance .price-tx .amount .val,.page-managed-wordpress .price-tx .amount .val{font-size:38px}
  .page-maintenance .suit-row{padding:14px 18px}
  /* managed wordpress page */
  .page-managed-wordpress .console-grid{grid-template-columns:1fr}
  .page-managed-wordpress .console-head .sample{font-size:9.5px;padding:4px 8px}
  .page-managed-wordpress .layer-id .lvl{display:none}
  /* about page */
  .page-about .hero h1{font-size:27px}
  .page-about .sb-id{flex-direction:column;align-items:flex-start}
  .page-about .studio-board{padding:22px}
  .page-about .layer{grid-template-columns:1fr auto;padding:13px 16px}
  .page-about .layer .lv{display:none}
  /* contact page */
  .page-contact .hero h1{font-size:27px}
  .page-contact .triage{padding:20px 18px 16px}
  .page-contact .sec-warn{padding:18px 18px}
  .page-contact .gform_wrapper .ginput_container_fileupload input[type=file]{padding:14px}
  /* privacy policy page */
  .page-privacy-policy .pp-hero h1{font-size:27px}
  .page-privacy-policy .pp-foot-btns{flex-direction:column}
  .page-privacy-policy .pp-foot-btns .btn{width:100%}
}
@media(max-width:340px){
  .page-managed-wordpress .price-tx .amount .val{font-size:33px}
  .page-managed-wordpress .price-tx .amount .cur{font-size:17px}
  .page-managed-wordpress .price-tx .amount .per{font-size:15px}
  /* single post */
  .page-single-post .amt{font-size:13px}
  /* 404 page */
  .page-404 .err-code{font-size:62px}
  .page-404 .sp-chrome{gap:9px;padding:11px 12px}
  .page-404 .sp-addr{padding:7px 10px;font-size:11.5px}
  .page-404 .sp-404{font-size:38px}
  .page-404 .sp-node{width:50px}
  .page-404 .sp-node .nl{font-size:9px}
}