.a-hero{background:linear-gradient(168deg,#e8f2f4 0%,#f3f8fa 70%);padding:clamp(28px,4vw,40px) 0 clamp(36px,5vw,56px);position:relative;overflow:hidden}.a-hero .float{filter:blur(7px);opacity:.5;pointer-events:none;background:#d6e9ee;border-radius:50%;width:300px;height:300px;position:absolute;top:-110px;right:-40px}.crumb{color:var(--ink-faint);z-index:2;margin-bottom:22px;font-size:13.5px;position:relative}.crumb a{color:var(--blue-deep);font-weight:500;transition:color .2s}.crumb a:hover{color:var(--blue)}.crumb .sep{opacity:.6;margin:0 7px}.a-hero .hero-eyebrow{color:var(--coral-deep);background:var(--coral-tint);z-index:2;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.a-hero h1{max-width:16em;color:var(--ink);z-index:2;font-size:clamp(2.2rem,4.3vw,3.2rem);position:relative}.a-hero .lede{color:var(--ink-soft);z-index:2;max-width:34em;margin-top:18px;font-size:clamp(1.1rem,1.7vw,1.3rem);line-height:1.6;position:relative}.meta-line{color:var(--ink-faint);z-index:2;flex-wrap:wrap;gap:6px 18px;margin-top:22px;font-size:13.5px;display:flex;position:relative}.meta-line span{align-items:center;gap:6px;display:inline-flex}.meta-line .byline a{color:var(--blue-deep);border-bottom:1px solid #2d6a8647;padding-bottom:1px;text-decoration:none;transition:color .2s,border-color .2s}.meta-line .byline a:hover{color:var(--blue-darker);border-bottom-color:var(--blue-darker)}.keyfacts{z-index:2;grid-template-columns:1fr;gap:14px;margin-top:30px;display:grid;position:relative}.kf{background:#ffffffb3;border:1px solid #4f94b029;border-radius:16px;padding:16px 18px;transition:transform .25s,box-shadow .25s}.kf:hover{transform:translateY(-3px);box-shadow:0 8px 24px #4f94b01f}.kf .l{text-transform:uppercase;letter-spacing:.05em;color:var(--blue-deep);margin-bottom:6px;font-size:12px;font-weight:600}.kf p{color:var(--ink-soft);font-size:14px;line-height:1.5}@media (width>=580px){.keyfacts{grid-template-columns:repeat(3,1fr)}}.a-body{padding:clamp(40px,6vw,72px) 0}.a-layout{grid-template-columns:1fr;align-items:start;gap:8px;display:grid}.toc{background:var(--white);border:1px solid #2c2a400f;border-radius:16px;margin-bottom:24px;padding:18px}.toc h2{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:12px;font-family:var(--fb);margin-bottom:14px;font-weight:600}.toc a{color:var(--ink-soft);border-left:2px solid var(--blue-tint);border-radius:0 8px 8px 0;padding:7px 0 7px 14px;font-size:14.5px;transition:color .2s,border-color .2s,background .2s;display:block}.toc a:hover{color:var(--blue-deep);border-color:var(--blue)}.toc a.active{color:var(--blue-deep);border-color:var(--blue-deep);background:#4f94b00f;font-weight:600}@media (width>=901px){.a-layout{grid-template-columns:230px 1fr;gap:clamp(32px,5vw,64px)}.toc{background:0 0;border:none;margin-bottom:0;padding:0;position:sticky;top:96px}}.prose{max-width:46em}.prose section{margin-bottom:clamp(36px,5vw,52px);scroll-margin-top:96px}.prose h2{color:var(--ink);align-items:center;gap:12px;margin-bottom:16px;font-size:clamp(1.6rem,2.8vw,2.1rem);display:flex}.prose h2 .n{color:var(--blue);background:var(--blue-tint);width:30px;height:30px;font-size:13px;font-weight:600;font-family:var(--fb);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.prose h3{color:var(--ink);margin:26px 0 10px;font-size:1.25rem;font-weight:500}.prose p{color:#3a4750;margin-bottom:16px;font-size:1.06rem}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--blue-deep);text-underline-offset:3px;font-weight:500;text-decoration:underline #2d6a864d;transition:text-decoration-color .2s,color .2s}.prose a:hover{color:var(--blue);text-decoration-color:var(--blue)}.callout{background:var(--mint-tint);color:#2e4a43;border-left:4px solid var(--mint);border-radius:16px;margin:24px 0;padding:20px 22px;font-size:1.02rem;line-height:1.65}.callout b{color:#1f3a33}.a-disc{background:var(--coral-tint);color:#7a3f2c;border-left:4px solid var(--coral);border-radius:16px;margin-top:8px;padding:18px 22px;font-size:14.5px;line-height:1.6}.hook-grid{grid-template-columns:1fr;gap:16px;margin:24px 0 8px;display:grid}.hook-card{background:var(--white);border:1px solid #2c2a400f;border-radius:18px;padding:22px 24px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.hook-card:before{content:"";opacity:0;border-radius:18px 18px 0 0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.hook-card:hover:before{opacity:1}.hook-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #4c47a014}.hook-card:first-child:before{background:var(--coral)}.hook-card:nth-child(2):before{background:var(--blue)}.hook-card:nth-child(3):before{background:#9d9ad6}.hook-card:nth-child(4):before{background:var(--mint)}.hook-card .hook-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;display:flex}.hook-card:first-child .hook-icon{background:var(--coral-tint)}.hook-card:first-child .hook-icon svg{stroke:var(--coral-deep)}.hook-card:nth-child(2) .hook-icon{background:var(--blue-tint)}.hook-card:nth-child(2) .hook-icon svg{stroke:var(--blue-deep)}.hook-card:nth-child(3) .hook-icon{background:var(--lilac-tint)}.hook-card:nth-child(3) .hook-icon svg{stroke:#5d59b0}.hook-card:nth-child(4) .hook-icon{background:var(--mint-tint)}.hook-card:nth-child(4) .hook-icon svg{stroke:#37897a}.hook-card h3{color:var(--ink);margin:0 0 8px;font-size:1.15rem;font-weight:500}.hook-card p{color:var(--ink-soft);margin-bottom:12px;font-size:.97rem;line-height:1.6}.hook-card .hook-link{color:var(--blue-deep);align-items:center;gap:5px;font-size:.9rem;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.hook-card .hook-link:hover{gap:8px}@media (width>=580px){.hook-grid{grid-template-columns:1fr 1fr}}.step-list{gap:16px;margin:24px 0 8px;display:grid}.step-card{background:var(--white);border:1px solid #2c2a400f;border-radius:18px;align-items:flex-start;gap:18px;padding:24px;transition:transform .25s,box-shadow .25s;display:flex}.step-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #4c47a012}.step-num{background:var(--blue-tint);width:42px;height:42px;color:var(--blue-deep);font-family:var(--fd);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.step-body h3{color:var(--ink);margin:0 0 8px;font-size:1.1rem;font-weight:500}.step-body p{color:var(--ink-soft);margin-bottom:0;font-size:.97rem;line-height:1.6}.step-body .platform{color:var(--ink-faint);margin-top:10px;font-size:.88rem;line-height:1.5}.check{gap:12px;margin:8px 0;list-style:none;display:grid}.check li{background:var(--white);color:#3a4750;border:1px solid #2c2a400f;border-radius:14px;align-items:flex-start;gap:13px;padding:14px 16px;font-size:1.01rem;display:flex}.check li svg{width:22px;height:22px;stroke:var(--coral-deep);flex:none;margin-top:1px}.faq details{background:var(--white);border:1px solid #2c2a4012;border-radius:14px;margin-bottom:12px;transition:box-shadow .25s;overflow:hidden}.faq details:hover{box-shadow:0 4px 16px #4c47a00f}.faq details[open]{box-shadow:0 4px 20px #4c47a014}.faq summary{cursor:pointer;color:var(--ink);font-size:1.06rem;font-weight:500;font-family:var(--fd);justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;list-style:none;transition:color .2s;display:flex}.faq summary:hover{color:var(--blue-deep)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue);flex:none;font-size:24px;font-weight:400;transition:transform .3s cubic-bezier(.22,.61,.36,1)}.faq details[open] summary:after{transform:rotate(45deg)}.faq .ans{color:#3a4750;padding:0 20px 18px;font-size:1.02rem;line-height:1.65}.refs{color:var(--ink-soft);font-size:.95rem}.refs ol{gap:10px;padding-left:20px;display:grid}.refs li{line-height:1.5}.refs a{color:var(--blue-deep);text-underline-offset:2px;text-decoration:underline #2d6a864d}.refs a:hover{text-decoration-color:var(--blue-deep)}.refs .refs-note{color:var(--ink-faint);margin-top:16px;font-size:13.5px}.cluster{background:var(--white);padding:clamp(48px,6vw,80px) 0}.cl-head{text-align:center;max-width:560px;margin:0 auto clamp(34px,4vw,48px)}.cl-head h2{margin-bottom:10px;font-size:clamp(1.7rem,3vw,2.3rem)}.cl-head p{color:var(--ink-soft);font-size:1.05rem}.cl-grid{grid-template-columns:1fr;gap:16px;display:grid}.cl-card{background:var(--canvas);border:1px solid #2c2a400d;border-radius:18px;padding:22px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block}.cl-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #4c47a01a}.cl-card .tag{text-transform:uppercase;letter-spacing:.05em;color:var(--blue-deep);margin-bottom:10px;font-size:11.5px;font-weight:600;display:inline-block}.cl-card h3{color:var(--ink);margin-bottom:6px;font-size:1.18rem;font-weight:500;transition:color .2s}.cl-card p{color:var(--ink-soft);font-size:.94rem}.cl-card:hover h3{color:var(--blue-deep)}@media (width>=580px){.cl-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=901px){.cl-grid{grid-template-columns:repeat(3,1fr)}}.next-up{background:linear-gradient(180deg, var(--canvas) 0%, #e8f2f4 100%);padding:clamp(40px,5vw,64px) 0}.next-up h2{margin-bottom:20px;font-size:clamp(1.4rem,2.5vw,1.8rem)}.next-links{gap:12px;display:grid}.next-link{background:var(--white);border:1px solid #2c2a400f;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.next-link:hover{transform:translate(4px);box-shadow:0 6px 20px #4c47a00f}.next-link .arrow{background:var(--blue-tint);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.next-link:hover .arrow{background:var(--blue)}.next-link:hover .arrow svg{stroke:#fff}.next-link .arrow svg{width:16px;height:16px;stroke:var(--blue-deep);transition:stroke .2s}.next-link span{color:var(--ink);font-size:1.02rem;font-weight:500}.next-link small{color:var(--ink-soft);margin-top:2px;font-size:.88rem;font-weight:400;display:block}@media (width>=580px){.next-links{grid-template-columns:1fr 1fr}}
