.gd-page{background:var(--mc-bg,#0f172a);color:#c3c9d6}
.gd-page ::selection{background:rgba(124,58,237,.45);color:#fff}
.gd-container{max-width:1200px;margin:0 auto;padding:0 20px}
.gd-page [id]{scroll-margin-top:96px}
.gd-hero{padding:44px 0 38px;background:radial-gradient(1200px 420px at 18% -10%,rgba(124,58,237,.24),transparent 60%),radial-gradient(900px 320px at 85% 0%,rgba(89,245,140,.1),transparent 55%),linear-gradient(180deg,#0c1220,#0f172a);border-bottom:1px solid rgba(255,255,255,.06)}
.gd-hero-hub{padding:56px 0 40px}
.gd-breadcrumbs{margin-bottom:18px}
.gd-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0;font-size:.85rem}
.gd-breadcrumbs li{color:#9ca6b8}
.gd-breadcrumbs li+li::before{content:"/";margin:0 8px;color:rgba(255,255,255,.25)}
.gd-breadcrumbs a{color:#9ca6b8;text-decoration:none}
.gd-breadcrumbs a:hover{color:#b794ff}
.gd-breadcrumbs li[aria-current=page]{color:#e5e7eb}
.gd-eyebrow{display:inline-block;padding:5px 14px;border-radius:999px;background:rgba(124,58,237,.18);border:1px solid rgba(124,58,237,.35);color:#b794ff;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.gd-title{margin:0;color:#fff;font-weight:800;font-size:clamp(1.9rem,4.5vw,2.75rem);line-height:1.12;letter-spacing:-.02em;max-width:900px}
.gd-meta{display:flex;flex-wrap:wrap;gap:18px;margin:16px 0 0;color:#9ca6b8;font-size:.92rem}
.gd-meta i,.gd-card-meta i{display:inline-block;width:1.25em;color:var(--mc-accent,#59f58c)}
.gd-hub-intro{margin:12px 0 0;color:#9ca6b8;font-size:1.05rem;line-height:1.6;max-width:60ch}
.gd-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-top:36px;padding-bottom:16px}
.gd-aside{display:none}
.gd-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;padding:18px 20px;background:rgba(255,255,255,.03);border:1px solid var(--mc-border,#1f2937);border-radius:14px}
.gd-toc-title{margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9ca6b8}
.gd-toc ol,.gd-toc-mobile ol{list-style:none;margin:0;padding:0}
.gd-toc li,.gd-toc-mobile li{margin:8px 0}
.gd-toc a,.gd-toc-mobile a{color:#c3c9d6;font-size:.92rem;text-decoration:none;display:block;line-height:1.45}
.gd-toc a:hover,.gd-toc-mobile a:hover{color:#b794ff}
.gd-toc-mobile{margin:0 0 28px;background:rgba(255,255,255,.03);border:1px solid var(--mc-border,#1f2937);border-radius:14px}
.gd-toc-mobile summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:700;color:#e5e7eb;position:relative}
.gd-toc-mobile summary::-webkit-details-marker{display:none}
.gd-toc-mobile summary::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border-right:2px solid #9ca6b8;border-bottom:2px solid #9ca6b8;transform:translateY(-70%) rotate(45deg);transition:transform .18s ease}
.gd-toc-mobile[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.gd-toc-mobile ol{padding:0 18px 14px}
.gd-content{font-size:1.0625rem;line-height:1.7}
.gd-content p{margin:0 0 1.15em}
.gd-content a{color:#b794ff;text-decoration:underline;text-underline-offset:3px}
.gd-content a:hover{color:#d4baff}
.gd-content strong{color:#e5e7eb}
.gd-content ul,.gd-content ol{margin:0 0 1.15em;padding-left:24px}
.gd-content li{margin:6px 0}
.gd-content code{background:rgba(255,255,255,.08);border-radius:6px;padding:.12em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;color:#e5e7eb}
.gd-intro>p:first-child{font-size:1.2rem;line-height:1.65;color:#e5e7eb}
.gd-section{margin-top:44px}
.gd-content h2{position:relative;margin:0 0 18px;padding-bottom:12px;color:#fff;font-weight:800;font-size:1.6rem;line-height:1.25;letter-spacing:-.015em}
.gd-content h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:999px;background:linear-gradient(90deg,#7c3aed,var(--mc-accent,#59f58c))}
.gd-content h3{margin:26px 0 10px;color:#fff;font-weight:700;font-size:1.2rem;line-height:1.3}
.gd-steps{list-style:none;counter-reset:gdstep;padding-left:0!important}
.gd-steps>li{counter-increment:gdstep;position:relative;padding-left:46px;margin:0 0 18px}
.gd-steps>li::before{content:counter(gdstep);position:absolute;left:0;top:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(124,58,237,.18);border:1px solid rgba(124,58,237,.4);color:#b794ff;font-weight:700;font-size:.9rem}
.gd-note,.gd-tip,.gd-warn{position:relative;margin:16px 0;padding:14px 16px 14px 46px;border-radius:14px;border:1px solid;font-size:.98rem}
.gd-note::before,.gd-tip::before,.gd-warn::before{font-family:"Font Awesome 5 Pro";font-weight:900;position:absolute;left:17px;top:15px}
.gd-note{background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.35)}
.gd-note::before{content:"\f05a";color:#b794ff}
.gd-tip{background:rgba(89,245,140,.06);border-color:rgba(89,245,140,.3)}
.gd-tip::before{content:"\f058";color:var(--mc-accent,#59f58c)}
.gd-warn{background:rgba(240,184,96,.07);border-color:rgba(240,184,96,.35)}
.gd-warn::before{content:"\f071";color:#f0b860}
.gd-content li .gd-warn,.gd-content li .gd-note,.gd-content li .gd-tip{margin-top:10px}
.gd-code{background:#0b1221;border:1px solid var(--mc-border,#1f2937);border-radius:10px;padding:14px 16px;margin:12px 0;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.5;color:#d8e0ee;white-space:pre}
.gd-table{margin:18px 0;border:1px solid var(--mc-border,#1f2937);border-radius:14px;overflow-x:auto}
.gd-table table{width:100%;min-width:480px;border-collapse:collapse;font-size:.95rem}
.gd-table th{text-align:left;padding:12px 14px;background:rgba(255,255,255,.04);color:#e5e7eb;font-weight:700;white-space:nowrap}
.gd-table td{padding:11px 14px;border-top:1px solid var(--mc-border,#1f2937);color:#c3c9d6}
.gd-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 6px}
.gd-pros,.gd-cons{background:rgba(255,255,255,.03);border:1px solid var(--mc-border,#1f2937);border-radius:18px;padding:20px 22px}
.gd-pros-cons h3{margin:0 0 12px;font-size:1.05rem}
.gd-pros-cons ul{list-style:none;margin:0;padding:0!important}
.gd-pros-cons li{position:relative;padding-left:26px;margin:8px 0;font-size:.95rem}
.gd-pros li::before{font-family:"Font Awesome 5 Pro";font-weight:900;content:"\f058";color:var(--mc-accent,#59f58c);position:absolute;left:0;top:2px;font-size:.85rem}
.gd-cons li::before{content:"\2013";color:#f0b860;font-weight:800;position:absolute;left:4px;top:0}
.gd-figure{margin:20px 0;border:1px solid var(--mc-border,#1f2937);border-radius:14px;overflow:hidden;background:#0b1221}
.gd-figure img{display:block;width:100%;height:auto}
.gd-figure figcaption{padding:10px 16px;font-size:.85rem;line-height:1.5;color:#9ca6b8;border-top:1px solid var(--mc-border,#1f2937);background:rgba(255,255,255,.02)}
.gd-content li .gd-figure{margin:14px 0 6px}
.gd-cta-inline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:36px 0 8px;padding:20px 24px;border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(89,245,140,.07));border:1px solid rgba(124,58,237,.35)}
.gd-cta-inline p{margin:0;color:#e5e7eb;font-size:.99rem;max-width:58ch}
.gd-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:10px;background:var(--mc-accent,#59f58c);color:#071309;font-weight:700;font-size:.96rem;text-decoration:none;transition:filter .15s ease,transform .15s ease;white-space:nowrap}
.gd-btn:hover{filter:brightness(1.08);transform:translateY(-1px);color:#071309;text-decoration:none}
.gd-content a.gd-btn{color:#071309;text-decoration:none}
.gd-content a.gd-btn:hover{color:#071309;text-decoration:none}
.gd-backlink{margin:10px 0 60px}
.gd-backlink a{color:#b794ff;font-weight:600;text-decoration:none}
.gd-backlink a:hover{color:#d4baff}
.gd-backlink i{display:inline-block;transform:rotate(180deg);margin-right:9px}
.gd-page .products-faq{padding-top:56px}
.gd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;padding:36px 0 64px}
.gd-card{display:block;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--mc-border,#1f2937);border-radius:18px;padding:26px 26px 22px;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.gd-card:hover{transform:translateY(-4px);border-color:rgba(124,58,237,.5);box-shadow:0 14px 34px rgba(0,0,0,.35);text-decoration:none}
.gd-card-tag{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(124,58,237,.16);border:1px solid rgba(124,58,237,.32);color:#b794ff;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.gd-card-title{margin:0 0 10px;color:#fff;font-weight:800;font-size:1.25rem;line-height:1.3}
.gd-card-excerpt{margin:0 0 16px;color:#9ca6b8;font-size:.95rem;line-height:1.6}
.gd-card-meta{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 16px;color:#9ca6b8;font-size:.85rem}
.gd-card-link{color:var(--mc-accent,#59f58c);font-weight:700;font-size:.95rem}
.gd-card-link i{margin-left:6px;transition:transform .18s ease}
.gd-card:hover .gd-card-link i{transform:translateX(3px)}
@media (min-width:1200px){
.gd-layout{grid-template-columns:minmax(0,760px) 280px;gap:56px;justify-content:center}
.gd-aside{display:block;order:2}
.gd-toc-mobile{display:none}
}
@media (max-width:767px){
.gd-hero{padding:32px 0 28px}
.gd-hero-hub{padding:40px 0 30px}
.gd-layout{padding-top:26px}
.gd-content{font-size:1rem}
.gd-intro>p:first-child{font-size:1.1rem}
.gd-content h2{font-size:1.4rem}
.gd-section{margin-top:36px}
.gd-pros-cons{grid-template-columns:1fr}
.gd-cta-inline{flex-direction:column;align-items:flex-start}
.gd-meta{gap:14px;font-size:.88rem}
}
@media (max-width:480px){
.gd-container{padding:0 16px}
.gd-steps>li{padding-left:40px}
.gd-steps>li::before{width:26px;height:26px;font-size:.82rem}
}
@media (prefers-reduced-motion:no-preference){
html:has(.gd-page){scroll-behavior:smooth}
}