@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--navy: #19242e;--navy-2: #223040;--ink: #111c26;--green: #16b572;--green-dark: #0f9c61;--green-soft: #e7f7ef;--muted: #64748b;--muted-2: #94a3b8;--line: #e7ebf0;--line-2: #eef2f6;--bg: #ffffff;--soft: #f7f9fb;--placeholder-a: #eef2f6;--placeholder-b: #e2e8f0;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(17, 28, 38, .04);--shadow: 0 4px 6px -2px rgba(17, 28, 38, .04), 0 12px 28px -12px rgba(17, 28, 38, .14);--shadow-lg: 0 18px 50px -20px rgba(17, 28, 38, .25);--maxw: 1200px;--display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:var(--green-dark);text-decoration:none}a:hover{color:var(--green)}h1,h2,h3,h4{font-family:var(--display);font-weight:800;line-height:1.18;color:var(--ink);letter-spacing:-.02em;margin:0}.container{max-width:var(--maxw);margin:0 auto;padding:0 28px}.narrow{max-width:760px;margin:0 auto;padding:0 28px}.eyebrow{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--green);letter-spacing:.01em}.site-header{position:sticky;top:0;z-index:50;background:#ffffffe6;backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;height:72px;gap:28px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink)}.brand:hover{color:var(--ink)}.brand .mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(140deg,#1ec77e,#11a866);display:grid;place-items:center;color:#fff;box-shadow:0 4px 12px -3px #16b57280}.brand .mark svg{width:21px;height:21px}.brand .name{font-family:var(--display);font-weight:800;font-size:1.12rem;letter-spacing:-.03em;line-height:1}.brand .name .dot{color:var(--green)}.nav{display:flex;align-items:center;gap:6px;margin-left:8px;flex:1}.nav a{font-size:.94rem;font-weight:500;color:#3f4b59;padding:8px 13px;border-radius:9px}.nav a:hover{color:var(--ink);background:var(--soft)}.header-actions{display:flex;align-items:center;gap:16px}.link-login{display:inline-flex;align-items:center;gap:7px;font-size:.94rem;font-weight:500;color:#3f4b59}.link-login:hover{color:var(--ink)}.link-login svg{width:17px;height:17px}.btn-cta{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;font-family:var(--sans);font-weight:600;font-size:.92rem;padding:11px 20px;border-radius:999px;border:1px solid var(--navy);white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-cta:hover{color:#fff;background:#0f1820;transform:translateY(-1px);box-shadow:0 10px 24px -10px #111c2680}.hero-band{background:radial-gradient(900px 380px at 78% -40%,rgba(22,181,114,.2),transparent 60%),radial-gradient(700px 320px at 12% 130%,rgba(34,52,72,.9),transparent 55%),var(--navy);color:#fff;text-align:center;padding:76px 28px 84px;position:relative;overflow:hidden}.hero-band .pin{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#cfe9dd;font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:22px}.hero-band .pin .dotg{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #16b57240}.hero-band h1{color:#fff;font-size:clamp(2.4rem,5.5vw,3.6rem);margin:0 0 16px}.hero-band p{color:#aeb9c5;font-size:1.12rem;max-width:56ch;margin:0 auto}.filter-bar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:72px;z-index:40}.filter-bar .container{display:flex;gap:9px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.pill{font-size:.88rem;font-weight:600;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#475569;transition:all .15s ease}.pill:hover{border-color:var(--green);color:var(--green-dark)}.pill.active{background:var(--navy);border-color:var(--navy);color:#fff}.pill .n{opacity:.55;margin-left:6px;font-variant-numeric:tabular-nums}.pill.active .n{opacity:.7}.section{padding:56px 0 24px}.section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:28px}.section-head h2{font-size:1.55rem}.section-head .count{color:var(--muted);font-size:.92rem;font-weight:500}.section-head .line{flex:1;height:1px;background:var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:40px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d8e0ea}.card .thumb{aspect-ratio:16 / 10;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--placeholder-a),var(--placeholder-b))}.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card:hover .thumb img{transform:scale(1.04)}.card .thumb.ph{display:grid;place-items:center}.card .thumb.ph .glyph{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#ffffff8c;color:var(--muted-2)}.card .thumb.ph .glyph svg{width:26px;height:26px}.card .pad{padding:22px 24px;display:flex;flex-direction:column;flex:1}.card .cat{color:var(--green);font-size:.82rem;font-weight:600;margin-bottom:11px}.card h3{font-size:1.16rem;margin:0 0 11px;letter-spacing:-.015em}.card h3 a{color:var(--ink)}.card h3 a:hover{color:var(--green-dark)}.card .excerpt{color:var(--muted);font-size:.94rem;margin:0 0 20px;flex:1}.card .foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line-2)}.card .date{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.84rem}.card .date svg{width:15px;height:15px;color:var(--muted-2)}.card .read{display:inline-flex;align-items:center;gap:6px;color:var(--green-dark);font-size:.88rem;font-weight:600}.card .read svg{width:15px;height:15px;transition:transform .15s ease}.card:hover .read svg{transform:translate(3px)}.card.feature{grid-column:span 3;display:grid;grid-template-columns:1.1fr 1fr}.card.feature .thumb{aspect-ratio:auto;height:100%;min-height:320px}.card.feature .pad{padding:40px 44px;justify-content:center}.card.feature h3{font-size:1.9rem;line-height:1.15}.card.feature .excerpt{font-size:1.02rem}.article-hero{background:var(--soft);border-bottom:1px solid var(--line);padding:48px 0 40px}.article-hero .crumb{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.88rem;font-weight:500;margin-bottom:18px}.article-hero .crumb a{color:var(--green-dark)}.article-hero .kicker{color:var(--green);font-weight:600;font-size:.85rem}.article-hero h1{font-size:clamp(1.9rem,4.2vw,2.9rem);margin:12px 0 16px}.article-hero .sub{font-size:1.14rem;color:var(--muted);margin:0 0 26px;max-width:62ch}.byline{display:flex;align-items:center;gap:13px}.byline .avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.byline .avatar.ph{display:grid;place-items:center;color:#fff;font-weight:700;font-family:var(--display);background:linear-gradient(140deg,#1ec77e,#11a866)}.byline .who b{color:var(--ink);font-weight:600}.byline .who{font-size:.92rem;color:var(--muted)}.byline .who .sep:before{content:"·";margin:0 7px;color:var(--muted-2)}.feature-figure{max-width:920px;margin:-28px auto 0;padding:0 28px}.feature-figure img{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.prose{font-size:1.07rem;color:#2c3a48;margin:40px 0 0}.prose>*:first-child{margin-top:0}.prose p{margin:0 0 1.3em}.prose h2{font-size:1.5rem;margin:1.9em 0 .55em}.prose h3{font-size:1.24rem;margin:1.7em 0 .5em}.prose h4{font-size:1.08rem;margin:1.5em 0 .5em}.prose ul,.prose ol{margin:0 0 1.3em;padding-left:1.35em}.prose li{margin:.4em 0}.prose a{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#16b57259;font-weight:500}.prose a:hover{text-decoration-color:var(--green)}.prose img{border-radius:var(--radius-sm);margin:1.6em auto}.prose figure{margin:1.8em 0}.prose figcaption{text-align:center;font-size:.88rem;color:var(--muted-2);margin-top:.6em}.prose blockquote{margin:1.6em 0;padding:6px 0 6px 22px;border-left:3px solid var(--green);color:var(--muted);font-style:italic;font-size:1.1rem}.prose hr{border:none;border-top:1px solid var(--line);margin:2.4em 0}.prose pre{background:var(--navy);color:#eef2f6;padding:18px;border-radius:var(--radius-sm);overflow:auto}.prose code{background:var(--soft);padding:.15em .42em;border-radius:5px;font-size:.9em;border:1px solid var(--line)}.prose pre code{background:none;border:none;padding:0}.prose table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);padding:10px 13px;text-align:left}.prose th{background:var(--soft)}.img-missing{display:block;padding:14px 16px;margin:1.4em 0;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--soft);color:var(--muted-2);font-size:.85rem;font-style:italic;text-align:center}.article-foot{margin:46px 0 0;padding-top:28px;border-top:1px solid var(--line)}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag-list a{font-size:.82rem;font-weight:500;padding:7px 14px;border-radius:999px;background:var(--soft);border:1px solid var(--line);color:#475569}.tag-list a:hover{background:var(--green);border-color:var(--green);color:#fff}.pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:40px 0 0}.pager a{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;display:block;transition:border-color .15s ease,box-shadow .15s ease}.pager a:hover{border-color:var(--green);box-shadow:var(--shadow-sm)}.pager .lbl{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-weight:600}.pager .ttl{color:var(--ink);font-weight:700;font-family:var(--display);margin-top:5px;font-size:1rem;letter-spacing:-.01em}.pager .next{text-align:right}.doc-wrap{padding:48px 0 24px}.doc-wrap .prose ul{columns:2;column-gap:44px}@media (max-width: 700px){.doc-wrap .prose ul{columns:1}}.site-footer{margin-top:72px;background:#fff;border-top:1px solid var(--line)}.site-footer .container{padding:56px 28px 32px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:44px}.site-footer .name{font-family:var(--display);font-weight:800;font-size:1.25rem;letter-spacing:-.03em;color:var(--ink)}.site-footer .name .dot{color:var(--green)}.site-footer .tagline{color:var(--muted);margin:14px 0 0;max-width:36ch}.site-footer h4{font-family:var(--sans);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink);margin:4px 0 16px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:11px 0}.site-footer li a{color:var(--muted);font-size:.94rem}.site-footer li a:hover{color:var(--green-dark)}.site-footer .colophon{border-top:1px solid var(--line);padding:22px 28px 40px;text-align:center;color:var(--muted-2);font-size:.86rem}.simple-page{padding:90px 0;text-align:center}.simple-page h1{font-size:3.2rem;margin:10px 0}.simple-page p{color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:12px 24px;border-radius:999px;font-weight:600;margin-top:20px}.btn:hover{background:var(--green-dark);color:#fff}@media (max-width: 980px){.grid{grid-template-columns:repeat(2,1fr)}.card.feature{grid-column:span 2;grid-template-columns:1fr}.card.feature .thumb{min-height:240px}.card.feature .pad{padding:32px}}@media (max-width: 820px){.nav{display:none}.site-header .container{gap:14px}.header-actions{margin-left:auto}.site-footer .container{grid-template-columns:1fr 1fr}.site-footer .brandcol{grid-column:span 2}}@media (max-width: 600px){.grid{grid-template-columns:1fr}.card.feature{grid-column:span 1}.pager{grid-template-columns:1fr}.link-login span{display:none}.site-footer .container{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto}}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}