/* ── ADJURN SHARED STYLES ────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root {
  --p:#7c5cfc; --p-l:#9d80fd; --p-ll:#c4b0fe;
  --p-g:rgba(124,92,252,0.15); --p-d:rgba(124,92,252,0.08);
  --p-sh:rgba(124,92,252,0.35);
  --bg:#f8f8fc; --bg2:#f0f0f6; --bg3:#e8e8f0;
  --card:#ffffff; --border:rgba(0,0,0,0.08);
  --txt:#0f0e17; --txt2:#3d3a50; --txt3:#6b6884; --txt4:#9e9bb5;
  --shadow:rgba(0,0,0,0.07); --shadow2:rgba(0,0,0,0.13);
  --nav-bg:rgba(248,248,252,0.92);
  --fd:'DM Serif Display',Georgia,serif;
  --fb:'DM Sans',system-ui,sans-serif;
  --nh:70px;
}
[data-theme="dark"] {
  --bg:#0d0c15; --bg2:#14121f; --bg3:#1c1929;
  --card:#17152a; --border:rgba(255,255,255,0.08);
  --txt:#f5f4ff; --txt2:#cbc8e8; --txt3:#8b88a8; --txt4:#5c5a72;
  --shadow:rgba(0,0,0,0.25); --shadow2:rgba(0,0,0,0.5);
  --nav-bg:rgba(13,12,21,0.92);
}

html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--bg);color:var(--txt);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .4s,color .3s}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:3px}

/* ── NAV ── */
#nav{position:fixed;top:0;left:0;right:0;height:var(--nh);z-index:1000;display:flex;align-items:center;padding:0 52px;transition:all .4s;border-bottom:1px solid transparent}
#nav.solid{background:var(--nav-bg);backdrop-filter:blur(24px) saturate(1.6);border-color:var(--border);box-shadow:0 1px 24px var(--shadow)}
.nl{display:flex;align-items:flex-start;text-decoration:none;user-select:none}
.nlw{font-family:var(--fd);font-size:24px;letter-spacing:-.5px;color:var(--txt);line-height:1;transition:color .3s}
.nld{width:7px;height:7px;background:var(--p);border-radius:50%;margin-top:3px;margin-left:1px;box-shadow:0 0 12px rgba(124,92,252,.7);animation:throb 2.5s ease-in-out infinite}
@keyframes throb{0%,100%{box-shadow:0 0 12px rgba(124,92,252,.7)}50%{box-shadow:0 0 22px rgba(124,92,252,1)}}
.nav-links{display:flex;align-items:center;gap:34px;list-style:none;margin-left:52px}
.nav-links a{color:var(--txt3);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}
.nav-links a:hover{color:var(--txt)}
.nr{margin-left:auto;display:flex;align-items:center;gap:12px}
.dmt{width:40px;height:22px;border-radius:11px;border:1.5px solid var(--border);background:var(--bg3);cursor:pointer;position:relative;display:flex;align-items:center;padding:2px;transition:all .3s}
.dmt::after{content:'';width:16px;height:16px;border-radius:50%;background:var(--p);position:absolute;left:2px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px rgba(0,0,0,.2)}
[data-theme="dark"] .dmt::after{transform:translateX(18px)}
.dmt-s{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:10px}
.dmt-m{position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:10px;opacity:0}
[data-theme="dark"] .dmt-m{opacity:1}[data-theme="dark"] .dmt-s{opacity:0}
.ng{font-size:14px;font-weight:500;color:var(--txt3);text-decoration:none;padding:8px 16px;border-radius:8px;transition:all .2s}
.ng:hover{color:var(--txt);background:var(--bg3)}
.nc{font-size:14px;font-weight:600;color:#fff;text-decoration:none;padding:9px 22px;border-radius:10px;background:var(--p);box-shadow:0 4px 18px var(--p-sh);transition:all .2s;display:inline-block}
.nc:hover{filter:brightness(1.1);transform:translateY(-1px)}

/* ── BUTTONS ── */
.btnp{font-family:var(--fb);font-size:16px;font-weight:600;color:#fff;background:var(--p);border:none;cursor:pointer;padding:15px 34px;border-radius:12px;text-decoration:none;display:inline-block;box-shadow:0 8px 32px var(--p-sh);transition:all .22s}
.btnp:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 14px 42px rgba(124,92,252,.5)}
.btno{font-family:var(--fb);font-size:16px;font-weight:500;color:var(--txt2);background:transparent;border:1.5px solid var(--border);cursor:pointer;padding:14px 30px;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .22s}
.btno:hover{border-color:var(--p);color:var(--p);background:var(--p-d)}
.btns{font-family:var(--fb);font-size:14px;font-weight:600;color:#fff;background:var(--p);border:none;cursor:pointer;padding:11px 24px;border-radius:10px;text-decoration:none;display:inline-block;box-shadow:0 4px 16px var(--p-sh);transition:all .2s}
.btns:hover{filter:brightness(1.1);transform:translateY(-1px)}

/* ── SECTION TOKENS ── */
.sey{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--p);margin-bottom:14px}
.sey::before{content:'';display:block;width:16px;height:1px;background:var(--p)}
.sh2{font-family:var(--fd);font-size:clamp(30px,4vw,54px);line-height:1.1;letter-spacing:-.025em;color:var(--txt);text-wrap:balance}
.ssub{font-size:17px;color:var(--txt3);margin-top:12px;font-weight:300}
.pill{font-size:11px;font-weight:600;padding:4px 11px;border-radius:100px;background:var(--p-d);color:var(--p);border:1px solid rgba(124,92,252,.18)}
.rv{opacity:0;transform:translateY(30px)}

/* ── CARDS ── */
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 2px 10px var(--shadow);transition:border-color .3s,transform .3s,box-shadow .3s}
.card:hover{border-color:rgba(124,92,252,.25);transform:translateY(-3px);box-shadow:0 10px 32px var(--shadow2)}

/* ── FOOTER ── */
footer{border-top:1px solid var(--border);padding:56px 80px 40px;background:var(--bg);position:relative;z-index:1}
.fti{max-width:1200px;margin:0 auto}
.fttop{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;margin-bottom:44px}
.ftbrand p{font-size:14px;line-height:1.7;color:var(--txt4);margin-top:11px;max-width:265px}
.ftct{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--txt4);margin-bottom:13px}
.ftlinks{list-style:none;display:flex;flex-direction:column;gap:10px}
.ftlinks a{font-size:14px;color:var(--txt3);text-decoration:none;transition:color .2s}
.ftlinks a:hover{color:var(--txt)}
.ftbot{display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid var(--border)}
.ftcopy{font-size:13px;color:var(--txt4)}
.ftleg{display:flex;gap:20px;flex-wrap:wrap}
.ftleg a{font-size:13px;color:var(--txt4);text-decoration:none;transition:color .2s}
.ftleg a:hover{color:var(--txt3)}

/* ── SUBPAGE LAYOUT ── */
.subpage-hero{padding:calc(var(--nh) + 80px) 60px 60px;max-width:900px;margin:0 auto;text-align:center}
.subpage-body{max-width:860px;margin:0 auto;padding:0 60px 100px}
.subpage-body h2{font-family:var(--fd);font-size:28px;color:var(--txt);margin:40px 0 14px;letter-spacing:-.02em}
.subpage-body h3{font-size:18px;font-weight:700;color:var(--txt);margin:28px 0 10px}
.subpage-body p{font-size:16px;line-height:1.78;color:var(--txt2);margin-bottom:14px;font-weight:300}
.subpage-body ul,.subpage-body ol{font-size:15px;line-height:1.78;color:var(--txt2);margin-bottom:14px;font-weight:300;padding-left:22px}
.subpage-body li{margin-bottom:7px}
.subpage-body a{color:var(--p);text-decoration:underline;text-decoration-color:rgba(124,92,252,.3)}
.subpage-body a:hover{text-decoration-color:var(--p)}
.subpage-body .note{background:var(--bg2);border-left:3px solid var(--p);border-radius:0 10px 10px 0;padding:14px 18px;margin:20px 0;font-size:14px;color:var(--txt3)}
.subpage-body .disclaimer{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:14px 18px;margin:20px 0;font-size:13px;color:var(--txt3)}

/* ── SEO PAGE COMPARISON TABLE ── */
.cmp-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}
.cmp-table th{background:var(--bg2);padding:12px 16px;text-align:left;font-weight:700;color:var(--txt);border-bottom:2px solid var(--border)}
.cmp-table td{padding:11px 16px;border-bottom:1px solid var(--border);color:var(--txt2);vertical-align:top}
.cmp-table tr:last-child td{border:0}
.cmp-table .yes{color:#16a34a;font-weight:600}
.cmp-table .no{color:#dc2626;font-weight:600}
.cmp-table .part{color:#d97706;font-weight:600}
.cmp-table td:first-child{font-weight:500;color:var(--txt)}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  #nav{padding:0 18px}.nav-links{display:none}
  footer{padding:44px 18px 28px}
  .fttop{grid-template-columns:1fr 1fr;gap:26px}
  .subpage-hero,.subpage-body{padding-left:20px;padding-right:20px}
  .cmp-table{font-size:12px}
  .cmp-table th,.cmp-table td{padding:8px 10px}
}