:root{--bg:#f6faf6;--bg2:#edf6ee;--panel:#ffffff;--panel2:#f7fbf7;--text:#1e2a22;--muted:#647166;--brand:#55775a;--brand2:#8fbf76;--accent:#eadb9a;--pink:#f3d9e5;--line:rgba(43,78,47,.13);--shadow:0 18px 45px rgba(58,94,62,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 14% 0%,rgba(233,219,154,.26),transparent 26rem),radial-gradient(circle at 86% 8%,rgba(190,222,190,.42),transparent 30rem),linear-gradient(180deg,var(--bg),#fff 45%,var(--bg2));color:var(--text);line-height:1.6}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.1rem 1rem;background:linear-gradient(180deg,rgba(246,250,246,.92),rgba(246,250,246,.72));backdrop-filter:blur(14px)}.pill{background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:0 8px 22px rgba(58,94,62,.08);border-radius:999px}.brand{display:flex;align-items:center;gap:.55rem;font-weight:900;text-decoration:none;padding:.45rem .8rem}.brand-mark{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;color:#fff;background:linear-gradient(135deg,#7d6bff,#6bbf84)}.nav{display:flex;gap:.25rem;flex-wrap:wrap;padding:.35rem}.nav a{text-decoration:none;color:var(--muted);font-weight:900;padding:.45rem .65rem;border-radius:999px}.nav a:hover{color:var(--text);background:#f1f7ee}.nav a.active{color:#fff;background:#314f36;box-shadow:0 8px 18px rgba(49,79,54,.22)}.nav a.active:hover{color:#fff;background:#314f36}.lang-switch{display:flex;align-items:center;gap:.25rem;padding:.35rem}.lang-switch a{text-decoration:none;color:var(--muted);font-weight:1000;border-radius:999px;padding:.45rem .65rem}.lang-switch a.active{color:#fff;background:#314f36}.lang-switch a:hover{color:var(--text);background:#f1f7ee}.lang-switch a.active:hover{color:#fff;background:#314f36}main{width:min(1060px,calc(100% - 2rem));margin:0 auto}.viral-hero{position:relative;overflow:hidden;min-height:auto;margin:1rem 0 1.4rem;padding:4.8rem 1.5rem;border-radius:2rem;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.74));border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.hero-copy{position:relative;z-index:2;margin:auto;max-width:760px}.hero h1,.page-hero h1{font-size:clamp(2.4rem,7vw,4.6rem);line-height:1;margin:.35rem 0 1rem;letter-spacing:-.055em}.lede,.page-hero p{font-size:clamp(1.03rem,2vw,1.25rem);color:var(--muted);max-width:720px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#55775a;font-weight:1000;font-size:.78rem}.hero-badge{display:inline-flex;padding:.45rem .8rem;border-radius:999px;background:#edf7ef;border:1px solid var(--line)}.hero-stat{margin:1.25rem auto 0;color:#5f6f61;font-weight:900}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:1.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:1rem;padding:.85rem 1.05rem;font-weight:1000;text-decoration:none;cursor:pointer;color:var(--text);background:#fff;box-shadow:0 8px 18px rgba(58,94,62,.08)}.btn.primary{color:#fff;background:linear-gradient(135deg,#55775a,#314f36);border:0}.btn.secondary:hover,.answer-card:hover,.answer-card.selected{background:#f1f7ee;border-color:rgba(79,127,82,.34);transform:translateY(-1px)}.floating-comments span{position:absolute;left:var(--x);top:var(--y);z-index:1;color:#72806f;font-weight:1000;text-shadow:0 1px 0 #fff;opacity:.46;white-space:nowrap}.section,.section-card{margin:1.25rem 0}.section-card,.type-card,.question-card,.sticky-card,.article,.content-grid article,.leaderboard,.test-card,.test-side .section-card{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:1.5rem;box-shadow:var(--shadow)}.section-card{padding:1.35rem}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-title-row h2,.section h2{margin:.1rem 0}.section-title-row span{background:#edf7ef;color:#55775a;border-radius:999px;padding:.35rem .7rem;font-weight:1000}.leader-list{display:grid;gap:.75rem}.leader-item{display:grid;grid-template-columns:4.2rem 1fr auto;gap:.85rem;align-items:center;padding:.7rem;border:1px solid var(--line);border-radius:1.1rem;background:#fbfdf9}.leader-item img,.type-chip-card img{width:4.2rem;height:4.2rem;border-radius:1rem;box-shadow:0 8px 18px rgba(58,94,62,.12)}.leader-title{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.leader-title small,.leader-item p{color:var(--muted)}.leader-item p{margin:.15rem 0 0}.rare-strip{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.rare-strip span{display:flex;flex-direction:column;background:#f7f4e7;border-radius:.9rem;padding:.45rem .65rem}.rare-strip small{color:var(--muted)}.intro-copy,.muted-copy{font-size:1.05rem;color:var(--muted)}.plain-list{margin:.8rem 0 0;padding-left:1.2rem;color:var(--muted)}.plain-list li{margin:.55rem 0}.sbti-explain>p{color:var(--muted);font-size:1.04rem}.model-grid small{display:block;color:var(--muted);margin-top:.45rem}.process-list{display:grid;gap:.8rem;margin-top:1rem}.process-list article{display:grid;grid-template-columns:2.4rem 1fr;gap:.9rem;align-items:start;background:#fbfdf9;border:1px solid var(--line);border-radius:1.1rem;padding:1rem}.process-list b{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#55775a;color:#fff}.process-list h3{margin:.05rem 0 .25rem}.process-list p{margin:0;color:var(--muted)}.learn-list{display:grid;gap:.75rem}.learn-list a{display:block;text-decoration:none;background:#fbfdf9;border:1px solid var(--line);border-radius:1rem;padding:1rem}.learn-list strong{display:block;color:var(--text)}.learn-list span{display:block;color:var(--muted);margin-top:.25rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2.5rem 0 1rem}.model-grid,.feature-grid,.steps-grid,.content-grid,.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.model-grid article,.feature-grid article,.steps-grid article,.audience-grid article{background:#fff;border:1px solid var(--line);border-radius:1.2rem;padding:1.15rem;box-shadow:0 8px 22px rgba(58,94,62,.07)}.audience-grid b{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#f7e9aa;color:#4f603f}.names-section .name-examples{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.names-section .name-examples span{background:#edf7ef;border:1px solid var(--line);border-radius:999px;padding:.45rem .75rem;font-weight:900;color:#4f603f}.model-grid article{background:linear-gradient(145deg,#fff,#f1f7ee)}.steps-grid{grid-template-columns:repeat(4,1fr)}.steps-grid b{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:999px;background:#314f36;color:#fff}.compact-types{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.type-chip-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:1.1rem;padding:.8rem;box-shadow:0 8px 20px rgba(58,94,62,.07)}.type-chip-card span{font-weight:1000}.type-chip-card small{color:var(--muted)}.comparison table{width:100%;border-collapse:collapse;background:#fff;border-radius:1.1rem;overflow:hidden;box-shadow:var(--shadow)}th,td{text-align:left;padding:.85rem;border-bottom:1px solid var(--line)}th{background:#edf7ef}.table-wrap{overflow:auto}.faq details,.article details{background:#fff;border:1px solid var(--line);border-radius:1rem;margin:.8rem 0;padding:1rem}.page-hero{text-align:center;padding:3.2rem 0 2rem}.page-hero p{margin-left:auto;margin-right:auto}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.type-card{padding:1.25rem;transition:transform .18s ease,box-shadow .18s ease}.type-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(58,94,62,.18)}.type-card h3{font-size:1.35rem;margin:.2rem 0}.type-card h3 a{text-decoration:none}.type-card p,.article p,.article li{color:var(--muted)}.type-icon{display:block;width:4.2rem;height:4.2rem;border-radius:1.15rem;background:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 28px rgba(58,94,62,.14);margin-bottom:.8rem;object-fit:cover}.hero-icon{width:8.2rem;height:8.2rem;margin:0 auto 1rem;border-radius:2rem}.chips{display:flex;gap:.45rem;flex-wrap:wrap}.chips span{font-size:.78rem;font-weight:900;color:#4f603f;background:#f7e9aa;border-radius:999px;padding:.28rem .58rem}.test-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:start;padding:1.2rem 0 3rem}.test-card{padding:1.2rem}.test-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--muted);font-weight:1000}.mini-brand{background:#edf7ef;color:#314f36;border-radius:999px;text-decoration:none;padding:.35rem .7rem}.progress{height:.75rem;background:#e6efe3;border-radius:99px;overflow:hidden;margin:1rem 0}.progress div{height:100%;background:linear-gradient(90deg,var(--brand2),var(--brand));transition:.2s}.question-meta{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-weight:800}.test-card h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.04em;margin:1.2rem 0}.option-list{display:grid;gap:.75rem}.answer-card{display:grid;grid-template-columns:2.4rem 1fr;align-items:center;text-align:left;gap:.8rem;border:1px solid var(--line);border-radius:1.1rem;background:#fff;padding:1rem;cursor:pointer;color:var(--text);box-shadow:0 8px 18px rgba(58,94,62,.07)}.answer-card b{grid-row:span 2;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem;background:#edf7ef}.answer-card span{font-size:1.08rem;font-weight:1000}.answer-card small{color:var(--muted)}.test-controls{display:flex;justify-content:space-between;gap:1rem;align-items:center;color:var(--muted);margin-top:1rem}.link-button{background:none;border:0;color:#55775a;font-weight:1000;cursor:pointer}.mini-models{display:flex;gap:.45rem;flex-wrap:wrap}.mini-models span{background:#edf7ef;border-radius:999px;padding:.25rem .55rem;font-weight:900}.article-layout,.result-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1.5rem;align-items:start;padding-bottom:4rem}.article{background:#fff;border:1px solid var(--line);border-radius:1.5rem;box-shadow:var(--shadow);padding:clamp(1.2rem,4vw,2.2rem)}.article.standalone{max-width:850px;margin:0 auto 4rem}.sticky-card{position:sticky;top:6rem;padding:1.1rem;margin-bottom:1rem;background:#fff}.full{width:100%;margin-top:.7rem}.mini-card-row{display:grid;grid-template-columns:1fr;gap:.75rem}.dim-row{display:grid;grid-template-columns:1fr;gap:.25rem;margin:.75rem 0}.dim-row span{display:block;color:var(--muted);font-size:.78rem}.dim-track{height:.55rem;background:#e6efe3;border-radius:99px;overflow:hidden}.dim-track i{display:block;height:100%;background:linear-gradient(90deg,var(--brand2),var(--brand))}.seo-map{display:grid;gap:1rem;margin:1.8rem 0 2.3rem;position:relative;padding-top:.5rem}.seo-map:before{content:"";position:absolute;left:50%;top:11.7rem;bottom:7.7rem;width:2px;background:linear-gradient(#9d91df,#6ab59f,#d68d78,#c99c52);opacity:.38}.map-top{max-width:620px;margin:0 auto;text-align:center;position:relative;z-index:1}.map-row{display:grid;gap:.85rem;position:relative;z-index:1}.map-row.core{grid-template-columns:repeat(5,1fr)}.map-row.longtail{grid-template-columns:repeat(5,1fr);align-items:stretch}.map-row.conversion{grid-template-columns:repeat(3,1fr);border-top:1px dashed rgba(70,82,69,.22);padding-top:1.2rem}.map-row.core:before,.map-row.longtail:before,.map-row.conversion:before{content:"↓";position:absolute;left:50%;top:-1.2rem;transform:translateX(-50%);width:1.5rem;height:1.5rem;border-radius:999px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:#657064;font-weight:1000;box-shadow:0 8px 18px rgba(58,94,62,.08)}.map-card{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;border-radius:1.15rem;padding:1rem;border:1px solid var(--line);box-shadow:0 10px 24px rgba(58,94,62,.08)}.map-card strong{font-size:1.05rem}.map-card span,.map-card p{color:var(--muted);font-weight:750}.map-card.purple{background:#eeecff;border-color:#9d91df;color:#373078}.map-card.green{background:#ddf4eb;border-color:#6ab59f;color:#0c614e}.map-card.orange{background:#fff0e8;border-color:#d68d78;color:#8f3b20}.map-card.beige{background:#fff3d8;border-color:#c99c52;color:#76480c}.map-more{display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:1000}.type-overview-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-bottom:4rem}.overview-type-card{display:grid;grid-template-columns:4.8rem minmax(0,1fr);gap:1rem;background:#fff;border:1px solid var(--line);border-radius:1.3rem;padding:1rem;box-shadow:var(--shadow)}.overview-type-card img{width:4.8rem;height:4.8rem;border-radius:1.1rem}.overview-type-card h2{margin:.15rem 0;font-size:1.25rem;line-height:1.1}.overview-type-card h2 a{text-decoration:none}.text-link{font-weight:1000;color:#314f36}.article-cta{margin-top:2rem;padding:1.25rem;border-radius:1.2rem;background:linear-gradient(135deg,#edf7ef,#fff3d8);border:1px solid var(--line)}.related-links{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.related-links a{font-weight:900;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem}.big-cta{font-size:1.05rem;padding:1rem 1.25rem}.site-footer{border-top:1px solid var(--line);padding:2rem clamp(1rem,4vw,4rem);display:flex;justify-content:space-between;gap:1rem;color:var(--muted);background:rgba(255,255,255,.72)}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.footer-links a{text-decoration:none;color:var(--muted);font-weight:800}@media(max-width:900px){main{width:min(100% - 1rem,1060px)}.site-header,.site-footer{align-items:center;flex-direction:column}.model-grid,.feature-grid,.steps-grid,.card-grid,.content-grid,.audience-grid,.test-page,.map-row.core,.map-row.longtail,.map-row.conversion{grid-template-columns:1fr}.compact-types{grid-template-columns:repeat(2,1fr)}.type-overview-list{grid-template-columns:1fr}.overview-type-card{grid-template-columns:4.2rem minmax(0,1fr)}.overview-type-card img{width:4.2rem;height:4.2rem}.leader-item{grid-template-columns:3.4rem 1fr}.leader-item img,.type-chip-card img{width:3.4rem;height:3.4rem}.leader-item>b{display:none}.hero h1,.page-hero h1{font-size:clamp(2.5rem,13vw,4rem)}.seo-map:before,.map-row.core:before,.map-row.longtail:before,.map-row.conversion:before{display:none}}