/* Category story and feature sections on the home page. Uses the existing --v-* tokens only. */
.cg-loop{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;counter-reset:cg}
.cg-loop li{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 22px;border-radius:var(--v-r-lg);background:var(--v-card);border:1px solid var(--v-line);box-shadow:var(--v-e1);transition:transform .35s var(--v-ease),box-shadow .35s var(--v-ease)}
.cg-loop li:hover{transform:translateY(-3px);box-shadow:var(--v-e2)}
.cg-loop li::before{counter-increment:cg;content:counter(cg,decimal-leading-zero);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--v-honey-ink)}
.cg-loop li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-11px;width:8px;height:8px;border-top:2px solid var(--v-honey-2);border-right:2px solid var(--v-honey-2);transform:translateY(-50%) rotate(45deg);z-index:1}
.cg-loop b{font-size:17px;line-height:1.25;color:var(--v-ink)}
.cg-loop span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--v-muted)}
.cg-loop p{margin:0;font-size:15px;line-height:1.5;color:var(--v-muted)}
.cg-loop li.is-queen{background:var(--v-navy);border-color:var(--v-navy)}
.cg-loop li.is-queen b{color:#fff}.cg-loop li.is-queen p,.cg-loop li.is-queen span{color:#c9d6da}.cg-loop li.is-queen::before{color:var(--v-honey)}
.cg-note{margin:22px 0 0;font-size:15px;color:var(--v-muted);text-align:center}

.cg-feats{display:grid;gap:clamp(18px,2.4vw,28px)}
.cg-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,4vw,48px);border-radius:var(--v-r-xl);background:var(--v-card);border:1px solid var(--v-line);box-shadow:var(--v-e1)}
.cg-feat:nth-child(even) .cg-feat-copy{order:2}
.cg-feat h3{margin:6px 0 12px;font-size:clamp(24px,2.6vw,32px);line-height:1.15;letter-spacing:-.02em;color:var(--v-ink)}
.cg-feat p{margin:0 0 14px;font-size:17px;line-height:1.55;color:var(--v-muted)}
.cg-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--v-honey-ink)}
.cg-ticks{list-style:none;margin:6px 0 18px;padding:0;display:grid;gap:10px}
.cg-ticks li{position:relative;padding-left:28px;font-size:16px;line-height:1.45;color:var(--v-ink-2)}
.cg-ticks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--v-honey-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.6' fill='none' stroke='%237a5608' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.cg-link{font-weight:600;color:var(--v-ink);text-decoration:underline;text-decoration-color:var(--v-honey-2);text-underline-offset:4px;text-decoration-thickness:2px}
.cg-link:hover{text-decoration-color:var(--v-ink)}
.cg-art{position:relative;padding:22px;border-radius:var(--v-r-lg);background:var(--v-sunk);border:1px solid var(--v-line);display:grid;gap:12px}
.cg-art-cap{margin:0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--v-faint)}
.cg-q{padding:14px 16px;border-radius:var(--v-r);background:#fff;border:1px solid var(--v-line-2);font-size:15px;line-height:1.45;color:var(--v-ink)}
.cg-q small{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--v-honey-ink)}
.cg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.cg-chips li{padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--v-line-2);font-size:13px;color:var(--v-ink-2)}
.cg-mail{padding:16px;border-radius:var(--v-r);background:#fff;border:1px solid var(--v-line-2);font-size:14px;line-height:1.55;color:var(--v-ink-2)}
.cg-mail b{display:block;margin-bottom:6px;color:var(--v-ink)}
.cg-lesson{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--v-r);background:var(--v-warm);border:1px solid var(--v-honey-soft);font-size:14px;line-height:1.45;color:var(--v-ink-2)}
.cg-lesson i{flex:none;width:22px;height:22px;clip-path:var(--v-hex);background:var(--v-honey)}
.cg-health{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cg-health li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--v-r);background:#fff;border:1px solid var(--v-line-2);font-size:14px;color:var(--v-ink-2)}
.cg-health em{font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.cg-ok{background:var(--v-green-bg);color:var(--v-green)}.cg-slow{background:var(--v-honey-soft);color:var(--v-honey-ink)}.cg-rest{background:var(--v-red-bg);color:var(--v-red)}

.cg-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,28px)}
.cg-card{padding:clamp(24px,3.4vw,40px);border-radius:var(--v-r-xl);background:var(--v-card);border:1px solid var(--v-line);box-shadow:var(--v-e1)}
.cg-card h3{margin:6px 0 10px;font-size:clamp(22px,2.2vw,28px);line-height:1.2;letter-spacing:-.015em;color:var(--v-ink)}
.cg-card p{margin:0 0 14px;font-size:16px;line-height:1.55;color:var(--v-muted)}
.cg-card.is-dark{background:var(--v-navy);border-color:var(--v-navy);background-image:radial-gradient(520px 240px at 100% 0,#1e4d5c,transparent 70%)}
.cg-card.is-dark h3{color:#fff}.cg-card.is-dark p,.cg-card.is-dark .cg-ticks li{color:#d3dee1}.cg-card.is-dark .cg-tag{color:var(--v-honey)}
.cg-card.is-dark .cg-link{color:#fff}
.cg-soon{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:999px;background:var(--v-honey-soft);color:var(--v-honey-ink);font-size:11px;font-weight:700;letter-spacing:.06em;vertical-align:middle}
.cg-big{display:block;font-size:clamp(44px,5vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--v-honey)}

.cg-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--v-r-xl);border:1px solid var(--v-line);background:var(--v-card);box-shadow:var(--v-e1)}
.cg-table{width:100%;min-width:720px;border-collapse:collapse;font-size:15px}
.cg-table caption{text-align:left;padding:18px 22px 0;font-size:13px;color:var(--v-faint);caption-side:bottom;padding-bottom:18px}
.cg-table th,.cg-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--v-line);vertical-align:top}
.cg-table thead th{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--v-muted);background:var(--v-sunk)}
.cg-table thead th.is-us{background:var(--v-navy);color:#fff}
.cg-table tbody th{font-weight:600;color:var(--v-ink);min-width:200px}
.cg-table tbody th small{display:block;font-weight:400;font-size:13px;color:var(--v-faint);margin-top:2px}
.cg-table td.is-us{background:var(--v-warm);font-weight:600;color:var(--v-ink)}
.cg-y,.cg-p,.cg-n{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;white-space:nowrap}
.cg-y{color:var(--v-green)}.cg-p{color:var(--v-honey-ink)}.cg-n{color:var(--v-faint)}
.cg-y::before,.cg-p::before,.cg-n::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.cg-n::before{background:transparent;border:2px solid currentColor;width:7px;height:7px}
.cg-sticky-col{position:sticky;left:0;z-index:1;background:var(--v-card)}
.cg-actions{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:center;margin-top:22px}

.cg-feat a:focus-visible,.cg-card a:focus-visible,.cg-actions a:focus-visible{outline:3px solid var(--v-honey-2);outline-offset:3px;border-radius:6px}
@media(prefers-reduced-motion:reduce){.cg-loop li{transition:none}.cg-loop li:hover{transform:none}}
@media(max-width:1100px){.cg-loop{grid-template-columns:repeat(3,minmax(0,1fr))}.cg-loop li:nth-child(3)::after{display:none}}
@media(max-width:860px){.cg-feat{grid-template-columns:minmax(0,1fr)}.cg-feat:nth-child(even) .cg-feat-copy{order:0}.cg-duo{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.cg-loop{grid-template-columns:1fr;gap:10px}.cg-loop li{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:16px 18px}.cg-loop li::after{display:none}.cg-loop p{flex-basis:100%}.cg-feat p{font-size:16px}.cg-table{font-size:14px}.cg-table th,.cg-table td{padding:13px 12px}.cg-table tbody th{min-width:150px}}
.cg-earn .cg-card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(24px,4vw,56px);align-items:center}.cg-earn .cg-big{grid-row:1/5;font-size:clamp(64px,9vw,120px)}.cg-earn .cg-tag,.cg-earn h3,.cg-earn p,.cg-earn .cg-link{grid-column:2}
@media(max-width:640px){.cg-earn .cg-card{grid-template-columns:1fr}.cg-earn .cg-big{grid-row:auto}.cg-earn .cg-tag,.cg-earn h3,.cg-earn p,.cg-earn .cg-link{grid-column:1}}
@media(max-width:640px){.cg-health li{flex-direction:column;align-items:flex-start;gap:6px}.cg-health em{white-space:normal}.cg-feat,.cg-card{padding:22px 18px}.cg-art{padding:16px}}
@media(max-width:760px){#free{padding-top:8px;padding-bottom:clamp(40px,8vw,72px)}#free .v-free{grid-template-columns:1fr;gap:16px;padding:28px 22px;text-align:center;justify-items:center}#free .v-free-num{font-size:96px}#free .v-free-num small{font-size:13px;margin-top:10px}#free .v-free h2{font-size:26px}#free .v-free p{font-size:16px}#free .btn{width:100%;justify-content:center}}
.cg-ow{align-items:stretch}
.cg-ow-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.cg-ow-list li{display:grid;gap:2px;padding:12px 14px;border-radius:var(--v-r);background:var(--v-sunk);border:1px solid var(--v-line)}
.cg-ow-list b{font-size:16px;font-weight:620;color:var(--v-ink-2)}
.cg-ow-list span{font-size:14px;line-height:1.45;color:var(--v-muted)}
.cg-ow-old .cg-ow-list li{border-style:dashed}
.cg-ow-old .cg-ow-list li:last-child b{color:var(--v-red)}
.cg-ow-new .cg-ow-list li{background:#ffffff0f;border-color:#ffffff1f}
.cg-ow-new .cg-ow-list b{color:#fff}.cg-ow-new .cg-ow-list span{color:#c9d6da}
.cg-ow-new .cg-ow-list li.is-queen{background:#ffc53d1f;border-color:#ffc53d66}
.cg-ow-new .cg-ow-list li.is-queen b{color:var(--v-honey)}
.cg-actions .btn{min-width:240px;justify-content:center}
@media(max-width:640px){.cg-actions{flex-direction:column;align-items:stretch;text-align:center}}
/* New in Buzzlist: one system, five steps. Existing --v-* tokens only. */
.ns-rail{list-style:none;margin:0 auto clamp(28px,3.4vw,40px);padding:6px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:max-content;max-width:100%;border-radius:999px;background:var(--v-card);border:1px solid var(--v-line);box-shadow:var(--v-e1);counter-reset:ns}
.ns-rail li{counter-increment:ns}
.ns-rail a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:620;color:var(--v-ink-2);text-decoration:none;transition:background .25s var(--v-ease)}
.ns-rail a::before{content:counter(ns,decimal-leading-zero);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--v-honey-ink)}
.ns-rail a:hover{background:var(--v-honey-soft)}
.ns-rail a:focus-visible{outline:3px solid var(--v-honey-2);outline-offset:2px}
.ns-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.ns-tile{display:flex;flex-direction:column;gap:22px;min-width:0;padding:clamp(24px,3vw,36px);border-radius:var(--v-r-xl);background:var(--v-card);border:1px solid var(--v-line);box-shadow:var(--v-e1);scroll-margin-top:96px;transition:box-shadow .35s var(--v-ease),transform .35s var(--v-ease)}
.ns-tile:hover{box-shadow:var(--v-e2);transform:translateY(-2px)}
.ns-5{grid-column:span 5}.ns-6{grid-column:span 6}.ns-7{grid-column:span 7}
.ns-copy h3{margin:8px 0 10px;font-size:clamp(22px,2.2vw,28px);line-height:1.18;letter-spacing:-.018em;font-weight:650;color:var(--v-ink);text-wrap:balance}
.ns-copy p{margin:0;font-size:16px;line-height:1.55;color:var(--v-muted)}
.ns-copy .cg-soon{margin:8px 0 0;display:table}
.ns-copy .cg-ticks{margin:16px 0 0}
.ns-tile.is-dark{background:var(--v-navy);border-color:var(--v-navy);background-image:radial-gradient(560px 260px at 100% 0,#1e4d5c,transparent 70%)}
.ns-tile.is-dark h3{color:#fff}.ns-tile.is-dark p,.ns-tile.is-dark .cg-ticks li{color:#d3dee1}.ns-tile.is-dark .cg-tag{color:var(--v-honey)}
.ns-art{margin-top:auto;padding:18px;border-radius:var(--v-r-lg);background:var(--v-sunk);border:1px solid var(--v-line);display:grid;gap:12px;min-width:0}
.ns-fine{margin:0;font-size:12px;color:var(--v-faint)}
.ns-seed{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--v-honey-2);font-size:14px;color:var(--v-ink-2);justify-self:start;max-width:100%}
.ns-seed i{flex:none;width:16px;height:16px;clip-path:var(--v-hex);background:var(--v-honey)}
.ns-rows,.ns-status,.ns-people{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ns-rows li{display:grid;gap:3px;padding:12px 14px;border-radius:var(--v-r);background:#fff;border:1px solid var(--v-line-2);min-width:0}
.ns-rows b{font-size:15px;color:var(--v-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ns-rows span{font-size:13px;color:var(--v-green);font-weight:600}
.ns-panel{margin-top:auto;padding:16px;border-radius:var(--v-r-lg);background:#ffffff0d;border:1px solid #ffffff1f;display:grid;gap:12px;min-width:0}
.ns-panel-top{display:flex;align-items:center;gap:14px;min-width:0}
.ns-panel-top>div:last-child{min-width:0;display:grid;gap:2px}
.ns-panel-top b{color:#fff;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ns-panel-top span{color:#c9d6da;font-size:13px}
.ns-ring{--fit:80;flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,var(--v-navy) 76%,transparent 78%),conic-gradient(var(--v-honey) calc(var(--fit)*1%),#ffffff26 0)}
.ns-ring b{font-size:20px;line-height:1;color:#fff}.ns-ring small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c9d6da}
.ns-ring.is-honey{background:radial-gradient(closest-side,#fff 76%,transparent 78%),conic-gradient(var(--v-honey-2) calc(var(--fit)*1%),var(--v-line) 0)}
.ns-ring.is-honey b{color:var(--v-ink)}.ns-ring.is-honey small{color:var(--v-faint)}
.ns-people li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:10px 12px;border-radius:var(--v-r);background:#ffffff0f;border:1px solid #ffffff1a}
.ns-people b{color:#fff;font-size:14px}.ns-people span{grid-row:2;color:#c9d6da;font-size:13px}
.ns-people em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#ffc53d26;color:var(--v-honey);white-space:nowrap}
.ns-panel-note{margin:0;font-size:13px;color:#c9d6da}
.ns-file{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--v-r);background:#fff;border:1px solid var(--v-line-2);min-width:0}
.ns-file i{flex:none;width:30px;height:36px;border-radius:6px;background:var(--v-green-bg);border:1px solid #177a4b33}
.ns-file div{display:grid;gap:2px;min-width:0}.ns-file b{font-size:14px;color:var(--v-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ns-file span{font-size:13px;color:var(--v-muted)}
.ns-cost{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--v-r);background:var(--v-warm);border:1px solid var(--v-honey-soft);font-size:14px;color:var(--v-ink-2)}
.ns-cost b{font-size:22px;color:var(--v-ink)}
.ns-status li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:2px;padding:11px 14px;border-radius:var(--v-r);background:#fff;border:1px solid var(--v-line-2)}
.ns-status b{font-size:15px;color:var(--v-ink)}.ns-status span{grid-row:2;font-size:13px;color:var(--v-muted)}
.ns-status em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.ns-status .is-drip{background:var(--v-honey-soft);color:var(--v-honey-ink)}.ns-status .is-meet{background:var(--v-navy);color:#fff}
.ns-status .is-reply{background:var(--v-green-bg);color:var(--v-green)}.ns-status .is-stop{background:var(--v-red-bg);color:var(--v-red)}
.ns-coach{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.ns-score{display:grid;gap:12px;justify-items:start}
.ns-score ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ns-score li{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--v-ink-2)}
.ns-score li i{flex:none;margin-top:5px;width:8px;height:8px;border-radius:50%;background:var(--v-line-2)}.ns-score li i.is-fix{background:var(--v-honey-2)}
.ns-score u{text-decoration:none;font-weight:700;color:var(--v-honey-ink);white-space:nowrap}
.ns-phone{display:grid;gap:8px;padding:12px;border-radius:22px;background:#fff;border:1px solid var(--v-line-2);box-shadow:var(--v-e1);min-width:0}
.ns-inbox{display:grid;gap:2px;font-size:13px;line-height:1.4;min-width:0}
.ns-inbox b{color:var(--v-ink)}.ns-inbox strong{font-weight:600;color:var(--v-ink-2)}.ns-inbox span{color:var(--v-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ns-ab{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px;border-radius:var(--v-r);background:#fff;border:1px solid var(--v-line-2)}
.ns-ab span{grid-row:1/3;width:28px;height:28px;display:grid;place-content:center;border-radius:50%;background:var(--v-sunk);font-size:13px;font-weight:700;color:var(--v-muted)}
.ns-ab b{font-size:14px;color:var(--v-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ns-ab em{font-style:normal;font-size:13px;color:var(--v-muted)}
.ns-ab.is-win{border-color:var(--v-honey-2);background:var(--v-warm);box-shadow:0 0 0 3px #ffc53d33}
.ns-ab.is-win span{background:var(--v-honey);color:var(--v-ink)}
.ns-ab i{position:absolute;top:-10px;right:12px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--v-honey);color:var(--v-ink)}
.ns-msg{position:relative;padding:12px 14px;border-radius:var(--v-r);background:#ffffff0f;border:1px solid #ffffff1a;font-size:14px;line-height:1.5;color:#fff}
.ns-msg small{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c9d6da}
.ns-msg em{position:absolute;top:10px;right:12px;font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#ffc53d26;color:var(--v-honey)}
.ns-msg.is-draft{background:#ffc53d14;border-color:#ffc53d55}.ns-msg.is-draft small{color:var(--v-honey)}
.ns-btns{display:flex;gap:8px}.ns-btns span{padding:7px 14px;border-radius:999px;border:1px solid #ffffff33;font-size:13px;font-weight:620;color:#fff}
.ns-btns .is-go{background:var(--v-honey);border-color:var(--v-honey);color:var(--v-ink)}
.ns-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ns-tiles div{display:grid;gap:2px;padding:12px 14px;border-radius:var(--v-r);background:#fff;border:1px solid var(--v-line-2)}
.ns-tiles b{font-size:26px;line-height:1.1;letter-spacing:-.02em;color:var(--v-ink)}.ns-tiles span{font-size:12px;font-weight:600;color:var(--v-muted)}
.ns-brief{background:var(--v-warm);border-color:var(--v-honey-soft)}
.ns-brief-line{margin:0;font-size:15px;color:var(--v-ink-2)}.ns-brief-line b{font-size:20px;color:var(--v-ink)}
.ns-brief ol{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:nb}
.ns-brief li{counter-increment:nb;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--v-r);background:#fff;border:1px solid var(--v-line-2);font-size:14px;color:var(--v-ink-2)}
.ns-brief li::before{content:counter(nb);flex:none;width:22px;height:22px;display:grid;place-content:center;clip-path:var(--v-hex);background:var(--v-honey);font-size:12px;font-weight:700;color:var(--v-ink)}
.ns-flow{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ns-flow span{padding:6px 12px;border-radius:999px;background:#ffffff0f;border:1px solid #ffffff26;font-size:13px;font-weight:600;color:#fff}
.ns-flow i{flex-basis:100%;height:2px;background:linear-gradient(90deg,var(--v-honey),transparent)}
.ns-flow b{font-size:15px;color:var(--v-honey)}
@media(prefers-reduced-motion:reduce){.ns-tile{transition:none}.ns-tile:hover{transform:none}}
@media(max-width:980px){.ns-5,.ns-6,.ns-7{grid-column:1/-1}}
@media(max-width:640px){.ns-tile{padding:22px 18px;gap:18px}.ns-art{padding:14px}.ns-coach{grid-template-columns:minmax(0,1fr)}.ns-copy p{font-size:15.5px}.ns-rail{width:auto;border-radius:22px}.ns-rail a{padding:0 12px}}

/* New in Buzzlist, October: live writing, checks, earned trust, control, command center */
.ns-12{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:clamp(24px,4vw,56px)}
.ns-12 .ns-flow{margin-top:0}
.ns-live-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.ns-live-top b{color:#fff;font-size:16px}.ns-live-top span{color:var(--v-honey);font-size:13px;font-weight:600}
.ns-comb{list-style:none;margin:0;padding:4px 0 6px;display:grid;grid-template-columns:repeat(7,minmax(0,30px));gap:2px 4px;justify-content:start}
.ns-comb li{aspect-ratio:1/1.12;clip-path:var(--v-hex);background:#ffffff1f}
.ns-comb li:nth-child(n+8){transform:translateX(calc(50% + 2px));margin-top:-6px}
.ns-comb li.is-done{background:var(--v-honey)}
.ns-comb li.is-now{background:#ffc53d73}
.ns-stream{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ns-stream li{display:grid;gap:2px;padding:10px 12px;border-radius:var(--v-r);background:#ffffff0f;border:1px solid #ffffff1a;min-width:0}
.ns-stream b{color:#fff;font-size:14px}.ns-stream span{color:#c9d6da;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ns-stream li:first-child{border-color:#ffc53d55;background:#ffc53d14}
.ns-keep{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--v-honey);color:var(--v-ink);font-size:13px;font-weight:700}
.ns-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ns-checks li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--v-r);background:#fff;border:1px solid var(--v-line-2)}
.ns-checks i{width:18px;height:18px;border-radius:50%;background:var(--v-green);box-shadow:inset 0 0 0 5px var(--v-green-bg)}
.ns-checks b{font-size:14px;font-weight:600;color:var(--v-ink);min-width:0}
.ns-checks em{font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--v-green-bg);color:var(--v-green);white-space:nowrap}
.ns-checks .is-fix i{background:var(--v-honey-2);box-shadow:inset 0 0 0 5px var(--v-honey-soft)}
.ns-checks .is-fix em{background:var(--v-honey-soft);color:var(--v-honey-ink)}
.ns-checks .is-hold i{background:var(--v-red);box-shadow:inset 0 0 0 5px var(--v-red-bg)}
.ns-checks .is-hold em{background:var(--v-red-bg);color:var(--v-red)}
.ns-trust{list-style:none;margin-top:auto;background:var(--v-warm);border-color:var(--v-honey-soft);gap:0}
.ns-trust li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0}
.ns-trust li+li::before{content:"";position:absolute;left:13px;top:-10px;height:20px;width:2px;background:var(--v-honey-2)}
.ns-trust span{width:28px;height:28px;display:grid;place-content:center;clip-path:var(--v-hex);background:var(--v-honey);font-size:13px;font-weight:700;color:var(--v-ink)}
.ns-trust div{display:grid;gap:2px;min-width:0}.ns-trust b{font-size:14.5px;color:var(--v-ink)}.ns-trust small{font-size:13px;color:var(--v-muted)}
.ns-trust .is-back span{background:var(--v-red-bg);color:var(--v-red)}
.ns-streak{display:flex;gap:4px}.ns-streak u{width:10px;height:11px;clip-path:var(--v-hex);background:var(--v-green)}
.ns-group{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--v-r);background:#fff;border:1px solid var(--v-line-2);min-width:0}
.ns-group div{display:grid;gap:2px;min-width:0}.ns-group b{font-size:15px;color:var(--v-ink)}.ns-group span{font-size:13px;color:var(--v-muted)}
.ns-group em{font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--v-green-bg);color:var(--v-green);white-space:nowrap}
.ns-group.is-paused em{background:var(--v-honey-soft);color:var(--v-honey-ink)}
.ns-btns.is-light{margin:-4px 0 4px}.ns-btns.is-light span{border-color:var(--v-line-2);color:var(--v-ink-2);background:#fff}
.ns-btns.is-light .is-go{background:var(--v-honey);border-color:var(--v-honey);color:var(--v-ink)}
.ns-cc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ns-cc-stats div{display:grid;gap:2px;padding:12px;border-radius:var(--v-r);background:#ffffff0f;border:1px solid #ffffff1a;min-width:0}
.ns-cc-stats b{font-size:clamp(19px,2.4vw,26px);line-height:1.1;color:#fff;letter-spacing:-.02em}.ns-cc-stats span{font-size:12px;font-weight:600;color:#c9d6da}
.ns-cap{display:grid;gap:8px;padding:12px 14px;border-radius:var(--v-r);background:#ffffff0a;border:1px solid #ffffff1a}
.ns-cap-top{display:flex;justify-content:space-between;gap:4px 10px;flex-wrap:wrap;font-size:13px;color:#c9d6da}.ns-cap-top b{color:#fff}
.ns-cap-bar{height:8px;border-radius:99px;background:#ffffff1f;overflow:hidden}.ns-cap-bar i{display:block;height:100%;width:83%;border-radius:inherit;background:linear-gradient(90deg,var(--v-honey),var(--v-honey-2))}
.ns-cap small{font-size:12.5px;color:var(--v-honey)}
.ns-finish{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ns-finish li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2px 12px;font-size:13.5px;color:#c9d6da;padding:6px 2px;border-bottom:1px solid #ffffff14}.ns-finish b{color:#fff;font-weight:600}
@keyframes ns-pulse{50%{background:var(--v-honey)}}
@keyframes ns-in{0%{opacity:0;transform:translateY(-10px)}12%,100%{opacity:1;transform:none}}
@keyframes ns-grow{from{transform:scaleX(0)}}
@media(prefers-reduced-motion:no-preference){
 .ns-comb li.is-now{animation:ns-pulse 1.6s ease-in-out infinite;animation-delay:calc(var(--i)*.2s)}
 .ns-tile:hover .ns-comb li:not(.is-done){animation:ns-pulse 1.2s ease-in-out infinite;animation-delay:calc(var(--i)*.12s)}
 .ns-stream li:first-child{animation:ns-in 4.8s var(--v-ease) infinite}
 .ns-cap-bar i{transform-origin:left;animation:ns-grow 1.6s var(--v-ease) both}
}
@media(max-width:980px){.ns-12{display:flex}}
@media(max-width:400px){.ns-checks li{grid-template-columns:auto minmax(0,1fr);row-gap:4px}.ns-checks em{grid-column:2;justify-self:start}.ns-group{flex-wrap:wrap}}

/* The loop: find, understand, write, send, learn, as a living system */
.lp-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);margin:0 0 clamp(28px,4vw,48px)}
.lp-wrap .v-head{display:block;margin:0;text-align:left;max-width:none}
.lp-wrap .v-h2{font-size:clamp(30px,3.4vw,46px)}
.lp-wrap .v-lead{margin-top:16px}
.lp-fig{margin:0;min-width:0}
.lp{position:relative;width:100%;max-width:460px;aspect-ratio:1;margin:0 auto}
.lp-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lp-halo{fill:var(--v-warm)}
.lp-dash{fill:none;stroke:var(--v-honey-2);stroke-width:1.2;stroke-dasharray:2 9;opacity:.6;transform-origin:220px 220px}
.lp-ring{fill:none;stroke:var(--v-line-2);stroke-width:2}
.lp-trail{fill:none;stroke:var(--v-honey);stroke-width:4;stroke-linecap:round;stroke-dasharray:14 86;transform-origin:220px 220px;transform:rotate(-140.4deg)}
.lp-orbit{transform-origin:220px 220px}
.lp-dot{fill:var(--v-honey);stroke:#fff;stroke-width:3}
.lp-core{fill:#fff;stroke:var(--v-honey);stroke-width:3;filter:drop-shadow(0 10px 18px #0c25301f);transform-origin:220px 220px}
.lp-n{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;background:var(--v-card);border:1px solid var(--v-line);box-shadow:var(--v-e2);font-size:14px;font-weight:650;color:var(--v-ink);white-space:nowrap}
.lp-n b{font-size:11px;letter-spacing:.06em;color:var(--v-honey-ink)}
.lp-cap{margin:12px 0 0;text-align:center;font-size:14px;font-weight:600;color:var(--v-muted)}
@media(prefers-reduced-motion:no-preference){
 .lp-orbit{animation:lp-spin 10s linear infinite}
 .lp-trail{animation:lp-trail 10s linear infinite}
 .lp-dash{animation:lp-spin 60s linear infinite reverse}
 .lp-n{animation:lp-on 10s var(--v-ease) infinite;animation-delay:var(--d)}
 .lp-core{animation:lp-beat 2s ease-in-out infinite}
}
@keyframes lp-spin{to{transform:rotate(360deg)}}
@keyframes lp-trail{from{transform:rotate(-140.4deg)}to{transform:rotate(219.6deg)}}
@keyframes lp-on{0%,14%{background:var(--v-honey);border-color:var(--v-honey-2);transform:translate(-50%,-50%) scale(1.08)}24%,100%{background:var(--v-card);border-color:var(--v-line);transform:translate(-50%,-50%) scale(1)}}
@keyframes lp-beat{0%,16%,100%{transform:scale(1)}8%{transform:scale(1.05)}}
@media(max-width:900px){.lp-wrap{grid-template-columns:minmax(0,1fr)}.lp-wrap .v-head{text-align:center}}
@media(max-width:480px){.lp-n{font-size:12.5px;padding:7px 10px;gap:4px}.lp-n b{font-size:10px}}

/* Product demo on phones: the box fits the screen shown, height eases between screens */
@media(max-width:760px){
 .x-views{position:relative}
 .x-views>.x-view[hidden]{position:absolute;top:0;left:0;right:0}
 #xd-send:not([hidden]){position:relative}
 #xd-send>.x-send-sub[hidden]{position:absolute;top:0;left:0;right:0}
 .x-views.is-sizing{overflow:hidden;transition:height .35s var(--v-ease)}
}
.ns-prod{margin-top:clamp(24px,3vw,36px)}