.gd-shell{--gd-ease:cubic-bezier(.22, 1, .36, 1);--gd-gradient:linear-gradient(135deg, #ffdde1, var(--color-rose));padding-bottom:72px}.gd-container{max-width:1200px;margin:0 auto;padding:0 30px}.gd-progress{z-index:1000;background:var(--color-accent);transform-origin:0;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.gd-hero{background:linear-gradient(180deg, var(--color-soft) 0%, var(--color-surface) 100%);border-bottom:1px solid var(--color-line);margin-bottom:48px;padding:110px 0 56px}.gd-hero-grid{align-items:center;gap:40px;display:grid}@media (min-width:900px){.gd-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px}}.gd-hero-copy{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.gd-hero-media{aspect-ratio:4/3;border:1px solid var(--color-line);background:var(--color-surface);border-radius:24px;position:relative;overflow:hidden}.gd-index-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:820px;display:flex}.gd-hero--category .gd-breadcrumb{justify-content:center}.gd-eyebrow{color:var(--color-rose);font-weight:var(--weight-bold);letter-spacing:.25em;font-size:var(--text-xs);text-transform:uppercase;margin:0}.gd-title{margin:0}.gd-hero-lead{font-size:var(--text-lg);margin:0}.gd-breadcrumb{font-size:var(--text-sm);color:var(--color-subtle);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gd-breadcrumb a{color:var(--color-muted);text-decoration:none;transition:color .2s}.gd-breadcrumb a:hover{color:var(--color-accent);text-decoration:underline}.gd-breadcrumb [aria-current]{color:var(--color-ink)}.gd-pill{background:var(--color-surface);border:1px solid var(--color-line);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:inline-flex}.gd-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gd-chip{background:var(--color-surface);border:1px solid var(--color-line);color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:transform .25s var(--gd-ease), border-color .2s, color .2s;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;text-decoration:none;display:inline-flex}.gd-chip svg{color:var(--color-accent)}.gd-chip:hover{border-color:var(--color-rose);color:var(--color-accent);transform:translateY(-2px)}.gd-stats{font-size:var(--text-sm);color:var(--color-muted);gap:28px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.gd-stats strong{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--color-ink);display:block}.gd-byline{align-items:center;gap:12px;margin-top:4px;display:flex}.gd-byline-logo{border-radius:12px}.gd-byline p{margin:0}.gd-byline-name{font-weight:var(--weight-bold);color:var(--color-ink);font-size:var(--text-sm)}.gd-byline-meta{font-size:var(--text-sm);color:var(--color-muted);align-items:center;gap:4px;display:flex}.gd-layout{gap:56px;display:grid}@media (min-width:1024px){.gd-layout{grid-template-columns:minmax(0,720px) 280px;justify-content:center}}.gd-article{min-width:0}.gd-sidebar{display:none}@media (min-width:1024px){.gd-sidebar{display:block}.gd-toc-mobile{display:none}}.gd-sidebar-sticky{border:1px solid var(--color-line);background:var(--color-surface);border-radius:20px;padding:22px;position:sticky;top:104px}.gd-sidebar-title{font-size:var(--text-xs);letter-spacing:.25em;text-transform:uppercase;font-weight:var(--weight-bold);color:var(--color-rose);margin:0 0 12px}.gd-toc-list{margin:0;padding:0;list-style:none}.gd-toc-list a{font-size:var(--text-sm);color:var(--color-text);border-radius:10px;gap:10px;padding:8px 10px;line-height:1.4;text-decoration:none;transition:background .2s,color .2s;display:flex}.gd-toc-list a:hover,.gd-toc-list a.is-active{background:var(--color-soft);color:var(--color-accent)}.gd-toc-list a.is-active{font-weight:var(--weight-semibold)}.gd-toc-num{font-variant-numeric:tabular-nums;color:var(--color-subtle);font-weight:var(--weight-semibold);flex-shrink:0}.gd-toc-list a.is-active .gd-toc-num{color:var(--color-accent)}.gd-toc-mobile{border:1px solid var(--color-line);border-radius:16px;margin-bottom:40px;padding:4px 12px}.gd-toc-mobile summary{cursor:pointer;font-weight:var(--weight-bold);color:var(--color-ink);align-items:center;gap:8px;padding:12px 4px;list-style:none;display:flex}.gd-toc-mobile summary::-webkit-details-marker{display:none}.gd-toc-mobile .gd-toc-list{padding-bottom:10px}.gd-intro{font-size:var(--text-lg);color:var(--color-ink);margin:0 0 32px;line-height:1.7}.gd-text{margin:0 0 16px;line-height:1.8}.gd-inline-link{color:var(--color-accent);font-weight:var(--weight-semibold);text-decoration:none}.gd-inline-link:hover{text-decoration:underline}.gd-section{margin-bottom:48px;scroll-margin-top:100px}.gd-section h2{margin:0 0 18px;line-height:1.25}.gd-list{margin:0 0 16px;padding-left:22px}.gd-list li{font-size:var(--text-base);color:var(--color-text);margin-bottom:8px;padding-left:4px;line-height:1.7}.gd-list li::marker{color:var(--color-accent);font-weight:var(--weight-bold)}.gd-takeaways{background:var(--color-soft);border:1px solid var(--color-line);border-radius:20px;margin:0 0 36px;padding:24px 28px}.gd-takeaways h2{font-size:var(--text-lg);color:var(--color-ink);align-items:center;gap:8px;margin:0 0 14px;display:flex}.gd-takeaways h2 svg{color:var(--color-accent)}.gd-takeaways ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.gd-takeaways li{font-size:var(--text-base);color:var(--color-ink);gap:10px;line-height:1.6;display:flex}.gd-takeaways li svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.gd-steps{gap:12px;margin:4px 0 24px;padding:0;list-style:none;display:grid}.gd-step{background:var(--color-surface);border:1px solid var(--color-line);border-radius:16px;gap:16px;padding:18px 20px;transition:border-color .2s;display:flex}.gd-step:hover{border-color:var(--color-rose)}.gd-step-num{background:var(--gd-gradient);width:35px;height:35px;color:var(--color-ink);font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.gd-step p{margin:0}.gd-step-title{font-size:var(--text-base);margin-bottom:4px!important}.gd-callout{background:var(--color-soft);border:1px solid var(--color-line);border-left:4px solid var(--color-rose);border-radius:16px;gap:14px;margin:24px 0;padding:20px 22px;display:flex}.gd-callout-icon{background:var(--gd-gradient);width:35px;height:35px;color:var(--color-ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.gd-callout p{margin:0}.gd-callout-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.25em;text-transform:uppercase;color:var(--color-accent-deep)}.gd-callout-title{font-size:var(--text-base);margin:2px 0 4px!important}.gd-proscons{gap:12px;margin:8px 0 24px;display:grid}@media (min-width:640px){.gd-proscons{grid-template-columns:1fr 1fr}}.gd-proscons-col{border:1px solid var(--color-line);background:var(--color-surface);border-radius:16px;padding:20px}.gd-proscons-title{font-weight:var(--weight-bold);color:var(--color-ink);margin:0 0 12px}.gd-proscons ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.gd-proscons li{font-size:var(--text-sm);color:var(--color-text);gap:8px;line-height:1.6;display:flex}.gd-proscons li svg{flex-shrink:0;margin-top:3px}.gd-proscons-col--pro li svg{color:var(--color-success)}.gd-proscons-col--con li svg{color:var(--color-danger)}.gd-figure{margin:32px 0}.gd-figure-frame{aspect-ratio:16/9;border:1px solid var(--color-line);background:var(--color-surface);border-radius:16px;position:relative;overflow:hidden}.gd-figure figcaption{text-align:center;margin-top:10px}.gd-table-wrap{border:1px solid var(--color-line);border-radius:16px;margin:4px 0 24px;overflow-x:auto}.gd-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:1.55}.gd-table th,.gd-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line);color:var(--color-text);padding:14px 16px}.gd-table thead th{background:var(--color-soft);color:var(--color-accent-deep);font-weight:var(--weight-bold);white-space:nowrap}.gd-table tbody th{color:var(--color-ink);font-weight:var(--weight-semibold)}.gd-table tbody tr:last-child th,.gd-table tbody tr:last-child td{border-bottom:none}.gd-cta{background:var(--gd-gradient);color:var(--color-ink);border-radius:24px;align-items:center;gap:28px;margin:56px 0;padding:36px;display:grid;overflow:hidden}@media (min-width:760px){.gd-cta{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.gd-cta p{margin:0}.gd-cta-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.25em;text-transform:uppercase;color:var(--color-accent-deep)}.gd-cta-title{margin:8px 0!important}.gd-cta-text{max-width:52ch;color:var(--color-ink)}.gd-cta-btn{background:var(--color-ink);color:var(--color-white);font-weight:var(--weight-semibold);font-size:var(--text-sm);border-radius:9999px;align-items:center;gap:8px;margin-top:18px;padding:.875rem 2rem;text-decoration:none;transition:transform .2s;display:inline-flex}.gd-cta-btn:hover{transform:translateY(-1px)}@media (min-width:641px){.gd-article .gd-cta .app-mockups{zoom:.65}}.gd-faq-item{border:1px solid var(--color-line);background:var(--color-surface);border-radius:16px;margin-bottom:12px;transition:border-color .2s}.gd-faq-item[open]{border-color:var(--color-rose)}.gd-faq-item summary{cursor:pointer;font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-ink);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;list-style:none;display:flex}.gd-faq-item summary::-webkit-details-marker{display:none}.gd-faq-icon{color:var(--color-accent);transition:transform .3s var(--gd-ease);flex-shrink:0}.gd-faq-item[open] .gd-faq-icon{transform:rotate(45deg)}.gd-faq-item p{font-size:var(--text-base);color:var(--color-text);margin:0;padding:0 20px 18px;line-height:1.7}.gd-disclaimer{font-style:italic}.gd-back{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-accent);align-items:center;gap:6px;margin-top:8px;text-decoration:none;display:inline-flex}.gd-back:hover{text-decoration:underline}.gd-block-title{margin:0 0 20px}.gd-related{background:linear-gradient(180deg, var(--color-soft), var(--color-surface));margin-top:32px;padding:56px 0 8px}.gd-featured{margin-bottom:64px}.gd-cat-section{margin-bottom:64px;scroll-margin-top:100px}.gd-cat-head{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.gd-cat-head>div{flex:1}.gd-cat-icon{background:var(--gd-gradient);width:48px;height:48px;color:var(--color-ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.gd-cat-icon--large{width:64px;height:64px}.gd-cat-title{margin:0}.gd-cat-intro{color:var(--color-muted);margin:6px 0 0}.gd-cat-all{border:1px solid var(--color-line);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:8px 14px;text-decoration:none;transition:background .2s;display:inline-flex}.gd-cat-all:hover{background:var(--color-soft)}.gd-other-cats{text-align:center;margin-top:64px}.gd-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}@media (min-width:900px){.gd-grid--mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}.gd-grid--mosaic>:first-child{grid-row:span 2}.gd-grid--mosaic>:first-child .gd-card-img{aspect-ratio:auto;flex:1;min-height:260px}.gd-grid--mosaic>:first-child .gd-card-body{flex:none}.gd-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}}.gd-card{border:1px solid var(--color-line);background:var(--color-surface);color:inherit;transition:transform .3s var(--gd-ease), box-shadow .3s var(--gd-ease), border-color .3s;border-radius:20px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.gd-card:hover{border-color:var(--color-rose);transform:translateY(-4px);box-shadow:0 10px 24px #00000014}.gd-card-img{aspect-ratio:16/10;border-bottom:1px solid var(--color-line);background:var(--color-surface);position:relative;overflow:hidden}.gd-cover{object-fit:cover}.gd-card-img .gd-cover{transition:transform .6s var(--gd-ease)}.gd-card:hover .gd-card-img .gd-cover{transform:scale(1.05)}.gd-card-badge{background:var(--color-surface);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex;position:absolute;top:12px;left:12px}.gd-card-body{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.gd-card-title{margin:0 0 8px}.gd-card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;line-height:1.6;display:-webkit-box;overflow:hidden}.gd-card-foot{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.gd-card-time{font-size:var(--text-xs);color:var(--color-muted);align-items:center;gap:5px;display:inline-flex}.gd-card-link{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-accent);align-items:center;gap:4px;display:inline-flex}@media (min-width:800px){.gd-card--featured{flex-direction:row}.gd-card--featured .gd-card-img{aspect-ratio:auto;flex:1.1;min-height:320px}.gd-card--featured .gd-card-body{flex:1;justify-content:center;padding:36px}.gd-card--featured .gd-card-title{font-size:var(--text-2xl)}.gd-card--featured .gd-card-desc{font-size:var(--text-base)}}@media (max-width:700px){.gd-container{padding:0 16px}.gd-hero{margin-bottom:32px;padding:96px 0 40px}.gd-cat-head{flex-wrap:wrap}.gd-cta{padding:26px 22px}}@media (prefers-reduced-motion:reduce){.gd-shell *,.gd-progress{transition:none!important}}