@font-face {
    font-family: "IBM Plex Mono";
    src: url("../fonts/ibm-plex-mono-400-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("../fonts/ibm-plex-mono-600-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

:root {
    --bg: #070d1a;
    --bg-mid: #0e1730;
    --bg-accent: #14274a;
    --ink: #eaf0ff;
    --muted: #a2b2d8;
    --accent: #39d4ff;
    --accent-strong: #43f2cf;
    --surface: #121f3c;
    --surface-soft: #192a4f;
    --line: #324a76;
    --danger: #ff7aa7;
    --ok-bg: #124133;
    --ok-ink: #d4fff0;
}

* {
    box-sizing: border-box;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "Segoe UI", system-ui, sans-serif;
    color: var(--ink);
    background:
        radial-gradient(circle at 80% -10%, rgba(57, 212, 255, 0.2) 0%, transparent 45%),
        radial-gradient(circle at 15% 20%, rgba(67, 242, 207, 0.13) 0%, transparent 35%),
        linear-gradient(165deg, var(--bg-accent) 0%, var(--bg-mid) 52%, var(--bg) 100%);
}

body.is-404 {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.is-404 .main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

body.is-404 .main-content .page-404 {
    flex: 1;
    display: flex;
    flex-direction: column;
}

body.is-ru-articles {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.is-ru-articles .main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

body.is-ru-articles .article-directory {
    flex: 1;
}

body.is-articles {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.is-articles .main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

body.is-articles .article-directory {
    flex: 1;
    grid-column: 1 / -1;
    width: 100%;
}

body.is-articles #articleDirectory .related-card[hidden] {
    display: none;
}

body.is-legal {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.is-legal .main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

body.is-ru-home {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.is-ru-home .main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

body.is-ru-home .article-directory {
    flex: 1;
}

html {
    scroll-behavior: smooth;
}

.shell {
    width: min(1120px, 92vw);
    margin: 0 auto;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 20;
    backdrop-filter: blur(12px);
    background: rgba(8, 14, 28, 0.82);
    border-bottom: 1px solid var(--line);
}

.read-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 40;
    background: rgba(17, 32, 60, 0.5);
    pointer-events: none;
}

.read-progress-bar {
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: left center;
    transform: scaleX(0);
    background: linear-gradient(90deg, #39d4ff, #43f2cf);
}

.nav-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
    gap: 1rem;
}

.brand {
    display: inline-flex;
    flex-direction: column;
    gap: 0.12rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-decoration: none;
    color: var(--ink);
}

.brand-main {
    font-size: 1rem;
    line-height: 1.1;
}

.brand-tag {
    color: #a9c4ee;
    font-size: 0.7rem;
    letter-spacing: 0.02em;
    font-weight: 600;
    text-transform: none;
}

nav {
    display: flex;
    align-items: center;
    gap: 1rem;
}

nav a {
    color: var(--accent-strong);
    text-decoration: none;
    font-weight: 600;
}

.main-content {
    padding: 2rem 0 4.5rem;
}

.main-content > section + section {
    margin-top: 1.15rem;
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
    margin: 0.2rem 0 0.95rem;
    padding: 0.3rem 0.55rem;
    border: 1px solid rgba(80, 119, 176, 0.45);
    border-radius: 10px;
    background: rgba(11, 23, 44, 0.42);
    color: var(--muted);
    font-size: 0.88rem;
}

.main-content > .breadcrumbs + * {
    margin-top: 0;
}

.landing-visual .cover {
    margin: 0;
}

.breadcrumbs a {
    color: #9fdcff;
    text-decoration: none;
}

.hero,
.flow-hero {
    background: linear-gradient(140deg, rgba(27, 45, 81, 0.95) 0%, rgba(19, 33, 62, 0.97) 64%, rgba(16, 27, 50, 0.97) 100%);
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: clamp(1.25rem, 3vw, 2.3rem);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}

.eyebrow {
    margin: 0;
    color: var(--accent);
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 0.76rem;
    font-weight: 700;
}

.hero h1,
.flow-hero h1 {
    margin: 0.65rem 0 0.95rem;
    max-width: 34ch;
    font-size: clamp(1.95rem, 4.5vw, 3.35rem);
    line-height: 1.08;
    text-wrap: balance;
}

.lead {
    margin: 0;
    color: var(--muted);
    max-width: 72ch;
    line-height: 1.68;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 1.35rem;
}

.hero-quickstart {
    margin-top: 1.1rem;
    border: 1px solid rgba(73, 121, 190, 0.65);
    border-radius: 14px;
    padding: 0.85rem;
    background: rgba(10, 23, 45, 0.82);
}

.hero-quickstart-label {
    margin: 0 0 0.55rem;
    font-weight: 700;
    color: #dbf7ff;
}

.hero-quickstart-note {
    margin: 0.45rem 0 0;
    color: #9ec6e9;
    font-size: 0.86rem;
}

.hero-secondary-links {
    margin: 0.9rem 0 0;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    color: #9ec6e9;
    font-size: 0.9rem;
}

.hero-secondary-links a {
    color: #bfe9ff;
    text-decoration: none;
    font-weight: 600;
}

.hero-secondary-links a:hover {
    color: #e4f8ff;
    text-decoration: underline;
}

.hero-idea-form {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: minmax(250px, 1fr) auto;
    align-items: center;
}

.hero-idea-form input,
.hero-idea-form textarea {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #4170ad;
    background: #0d1f3b;
    color: #edf6ff;
    padding: 0.68rem 0.8rem;
    font: inherit;
    resize: vertical;
}

.hero-idea-form input:focus,
.hero-idea-form textarea:focus {
    outline: 2px solid rgba(57, 212, 255, 0.28);
    border-color: #55bcff;
}

.hero-metrics {
    margin-top: 1.4rem;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.hero-metrics article {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(21, 36, 66, 0.85);
    padding: 0.92rem;
}

.hero-metrics span {
    display: block;
    font-size: 1.24rem;
    font-weight: 700;
}

.hero-stars {
    margin-top: 0.25rem;
    color: #ffd874;
    letter-spacing: 0.12em;
    font-size: 0.92rem;
    text-shadow: 0 0 10px rgba(255, 216, 116, 0.34);
    animation: stars-glow 2.6s ease-in-out infinite;
}

.grid-3,
.step-grid,
.stats-grid,
.plan-cards,
.preview-grid {
    display: grid;
    gap: 0.85rem;
}

.grid-3 {
    margin-top: 1.2rem;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.step-grid {
    margin-top: 1.2rem;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.stats-grid {
    margin: 0.8rem 0;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
}

.plan-cards {
    margin-top: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.preview-grid {
    margin-top: 0.7rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.seo-section,
.panel,
.card,
.step-card,
.stats-grid article {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
}

.seo-section {
    margin-top: 0.85rem;
    padding: clamp(0.95rem, 1.8vw, 1.2rem);
    background: var(--surface-soft);
}

.seo-section h2 {
    margin: 0 0 0.55rem;
}

.seo-section ul {
    margin: 0.15rem 0 0;
    padding-left: 1.1rem;
    line-height: 1.6;
}

.panel {
    padding: clamp(1rem, 2vw, 1.35rem);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    margin-top: 1rem;
}

.panel h2 {
    margin-top: 0;
}

.startup-hero {
    min-height: min(62vh, 620px);
    padding: clamp(1.3rem, 4vw, 2.6rem);
}

.startup-hero-layout {
    display: block;
}

.startup-hero-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
}

.startup-hero h1 {
    max-width: 18ch;
    font-size: clamp(2.15rem, 5.8vw, 3.9rem);
}

body.is-ru-home .startup-hero h1.ru-hero-title {
    font-family: "PT Serif", "Noto Serif", "Georgia", "Times New Roman", serif;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.14;
}

.startup-hero .lead {
    max-width: 56ch;
}

.startup-hero-form {
    margin-top: 1.15rem;
    width: 100%;
    max-width: 760px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.62rem;
}

.startup-hero-form .btn {
    border-radius: 999px;
}

.startup-idea-focus {
    position: relative;
    border-radius: 14px;
    border: 2px solid rgba(112, 176, 236, 0.72);
    background: rgba(12, 24, 48, 0.78);
    box-shadow:
        0 0 0 1px rgba(57, 212, 255, 0.3) inset,
        0 0 0 rgba(57, 212, 255, 0);
    animation: startup-input-glow 2.3s ease-in-out infinite;
}

.startup-idea-focus::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 20px;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(circle at 50% 50%, rgba(57, 212, 255, 0.23), rgba(67, 242, 207, 0.08) 46%, transparent 74%);
    filter: blur(8px);
    animation: startup-input-aura 2.3s ease-in-out infinite;
}

.startup-idea-focus:focus-within {
    animation: none;
    border-color: rgba(158, 245, 255, 0.85);
    box-shadow:
        0 0 0 1px rgba(57, 212, 255, 0.45) inset,
        0 0 14px rgba(57, 212, 255, 0.36),
        0 0 24px rgba(67, 242, 207, 0.22);
}

.startup-idea-focus textarea {
    position: relative;
    z-index: 1;
    min-height: 156px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    box-shadow: none;
    padding: 0.76rem 0.9rem;
    color: #f1f8ff;
    caret-color: #8de7ff;
}

.startup-idea-focus textarea::placeholder {
    color: #b9d4f0;
    opacity: 1;
}

.startup-idea-focus textarea:focus {
    outline: none;
    border: 0;
    box-shadow: none;
}

.startup-hero-form .btn[disabled],
.startup-hero-form .btn[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    filter: saturate(0.7);
}

.startup-hero-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    color: #a8c7ea;
    font-size: 0.82rem;
}

.startup-hero-meta small {
    color: #9ebee3;
}

.startup-hero-examples {
    margin-top: 0.55rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: center;
}

.idea-chip {
    border: 1px solid rgba(111, 157, 219, 0.45);
    background: rgba(13, 27, 54, 0.72);
    color: #cfe7ff;
    border-radius: 999px;
    padding: 0.35rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: 0.18s ease;
}

.idea-chip:hover {
    color: #edf8ff;
    border-color: #89c1ff;
    background: rgba(19, 37, 69, 0.9);
}

.startup-hero-trust {
    margin-top: 0.7rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
}

.startup-hero-trust span {
    border: 1px solid rgba(92, 141, 201, 0.42);
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    font-size: 0.74rem;
    color: #beddff;
}

.startup-hero-actions {
    margin-top: 0.15rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.55rem;
}

.startup-hero-actions .btn {
    min-width: 170px;
}

.startup-live-preview {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(23, 39, 72, 0.9), rgba(16, 27, 50, 0.9));
    padding: 0.95rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.startup-live-label {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #8eb8e8;
    font-weight: 700;
}

.startup-live-preview h3 {
    margin: 0;
    font-size: 1.1rem;
}

.startup-live-list {
    margin: 0;
    padding-left: 1rem;
    color: #cde5ff;
    font-size: 0.86rem;
    line-height: 1.5;
}

.startup-live-list li + li {
    margin-top: 0.2rem;
}

.startup-live-grid {
    margin: 0;
    display: grid;
    gap: 0.55rem;
}

.startup-live-grid > div {
    border: 1px solid rgba(99, 142, 202, 0.36);
    border-radius: 10px;
    padding: 0.55rem 0.65rem;
    background: rgba(12, 24, 48, 0.62);
}

.startup-live-grid dt {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #9dc6ee;
    margin: 0 0 0.2rem;
}

.startup-live-grid dd {
    margin: 0;
    color: #e8f4ff;
    font-size: 0.91rem;
}

.startup-section {
    margin-top: 1rem;
    padding: clamp(1rem, 2.2vw, 1.6rem);
}

.startup-section-index {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.55rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 0.76rem;
    color: #98b7e7;
    font-weight: 700;
}

.startup-section h2 {
    margin-top: 0;
    max-width: 34ch;
}

.startup-ideas-grid {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.startup-idea-card {
    border: 1px solid rgba(87, 129, 188, 0.42);
    border-radius: 14px;
    background: rgba(15, 28, 54, 0.85);
    padding: 0.9rem;
}

.startup-idea-tag {
    margin: 0 0 0.45rem;
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    border: 1px solid rgba(116, 158, 212, 0.52);
    color: #c7ddff;
    font-size: 0.74rem;
    font-weight: 700;
}

.startup-idea-card h3 {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.3;
}

.startup-idea-card h3 a {
    color: #e9f4ff;
    text-decoration: none;
}

.startup-idea-card h3 a:hover {
    color: #bfe8ff;
    text-decoration: underline;
}

.startup-idea-card p:last-child {
    margin-bottom: 0;
}

.startup-section-cta {
    margin-top: 0.95rem;
    display: flex;
    justify-content: center;
}

.startup-how h2 {
    max-width: 38ch;
}

.startup-steps-bar {
    margin-top: 0.95rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    gap: 0.55rem;
}

.startup-step-btn {
    border: 1px solid rgba(93, 130, 190, 0.45);
    border-radius: 10px;
    padding: 0.6rem 0.7rem;
    background: rgba(12, 24, 48, 0.68);
    color: #c3ddff;
    font-size: 0.86rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: 0.18s ease;
}

.startup-step-btn:hover {
    border-color: #74b3ff;
    color: #e2f2ff;
}

.startup-step-btn.is-active {
    border-color: #8ed1a3;
    background: rgba(45, 87, 67, 0.7);
    color: #e7fff0;
}

.startup-preview-stage {
    margin-top: 0.85rem;
    min-height: min(44vh, 430px);
    border-radius: 16px;
    border: 1px solid #5cbf7f;
    background: linear-gradient(135deg, #7ac57a, #4ea46f);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #072116;
    padding: 1rem;
}

.startup-preview-stage h3 {
    margin: 0;
    font-size: clamp(1.35rem, 3vw, 2.1rem);
}

.startup-preview-stage p {
    margin: 0.45rem 0 0;
    max-width: 42ch;
    color: rgba(7, 33, 22, 0.8);
    font-weight: 600;
}

.card,
.step-card,
.stats-grid article {
    padding: 0.95rem;
}

.step-text-link {
    color: #9fe4ff;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.87rem;
}

.step-text-link:hover {
    text-decoration: underline;
}

.step-card h2 {
    margin: 0.2rem 0 0.45rem;
    font-size: 1rem;
}

.step-card p,
.muted {
    color: var(--muted);
}

.step-number {
    margin: 0;
    color: var(--accent);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.featured {
    border: 1px solid var(--accent);
    box-shadow: inset 0 0 0 1px rgba(57, 212, 255, 0.45);
}

.form-grid {
    display: grid;
    gap: 0.58rem;
}

.form-grid label {
    margin-top: 0.4rem;
    font-weight: 600;
}

.form-grid input,
.form-grid select,
.form-grid textarea {
    width: 100%;
    border: 1px solid #395686;
    background: #0e1932;
    border-radius: 10px;
    padding: 0.72rem 0.8rem;
    font: inherit;
    color: var(--ink);
}

.form-grid textarea {
    resize: vertical;
}

.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus {
    outline: 2px solid rgba(57, 212, 255, 0.25);
    border-color: var(--accent);
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    font-size: 0.92rem;
    line-height: 1.2;
    border-radius: 10px;
    border: 1px solid transparent;
    padding: 0.64rem 1.1rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: transform 120ms ease, box-shadow 120ms ease;
}

.btn:hover {
    transform: translateY(-1px);
}

.btn-primary {
    background: linear-gradient(120deg, #1598c1, #1ab39b);
    color: #ffffff;
    border-color: #53d7d0;
    box-shadow: 0 8px 20px rgba(57, 212, 255, 0.28);
}

.btn-primary:hover {
    box-shadow: 0 10px 22px rgba(67, 242, 207, 0.35);
}

.cta-banner .btn-primary {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #f3ffff;
    border-color: rgba(158, 245, 255, 0.9);
    background: linear-gradient(118deg, #0f3552 0%, #117076 54%, #145487 100%);
    text-shadow: 0 0 8px rgba(67, 242, 207, 0.55);
    box-shadow:
        0 0 0 1px rgba(57, 212, 255, 0.32) inset,
        0 0 14px rgba(57, 212, 255, 0.38),
        0 0 26px rgba(67, 242, 207, 0.28);
    background-size: 200% 100%;
    animation: cta-neon-pulse 2.8s ease-in-out infinite, cta-neon-bg-shift 4.6s ease-in-out infinite;
}

.cta-banner .btn-primary::after {
    content: "";
    position: absolute;
    top: 0;
    left: -42%;
    width: 34%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.5) 52%, transparent 92%);
    opacity: 0.38;
    transform: skewX(-20deg);
    animation: cta-neon-sheen 3.1s linear infinite;
}

.cta-banner .btn-primary:hover,
.cta-banner .btn-primary:focus-visible {
    animation-play-state: paused;
    box-shadow:
        0 0 0 1px rgba(57, 212, 255, 0.45) inset,
        0 0 18px rgba(57, 212, 255, 0.5),
        0 0 34px rgba(67, 242, 207, 0.42);
}

.btn-ghost {
    background: transparent;
    border-color: var(--accent);
    color: var(--accent);
}

.validation {
    color: var(--danger);
    font-size: 0.9rem;
}

.flash {
    border-radius: 12px;
    padding: 0.72rem 0.95rem;
    margin-bottom: 0.95rem;
    font-weight: 600;
}

.flash-ok {
    background: var(--ok-bg);
    color: var(--ok-ink);
    border: 1px solid #2b846b;
}

.flash-bad {
    background: #42192f;
    color: #ffd1e3;
    border: 1px solid #7f365a;
}

.hint-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.6rem 0 1rem;
}

.hint-chip {
    border: 1px solid #37639f;
    background: #10274a;
    color: #9edaff;
    border-radius: 999px;
    padding: 0.38rem 0.8rem;
    font: inherit;
    cursor: pointer;
}

.preview-grid img {
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--line);
    min-height: 150px;
    object-fit: cover;
}

.prototype-actions {
    margin: 0.6rem 0 0.75rem;
}

.prototype-frame {
    width: 100%;
    min-height: 620px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
}

.modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 45;
    background: rgba(1, 6, 14, 0.68);
    display: grid;
    place-items: center;
    padding: 1rem;
}

.modal-overlay[hidden] {
    display: none !important;
}

.modal-card {
    width: min(560px, 96vw);
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #102142;
    box-shadow: 0 22px 42px rgba(0, 0, 0, 0.48);
    padding: 1rem 1.05rem;
}

.modal-card h3 {
    margin: 0.4rem 0 0.55rem;
}

.modal-card p {
    margin: 0.45rem 0;
}

.modal-actions {
    margin-top: 0.8rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.code-plan {
    font-family: "IBM Plex Mono", monospace;
    white-space: pre-wrap;
    background: #0a1428;
    color: #f4f8ff;
    border-radius: 12px;
    padding: 0.9rem;
    font-size: 0.85rem;
    line-height: 1.45;
    overflow-x: auto;
}

.plan-list {
    margin: 0.4rem 0 0;
    padding-left: 1.2rem;
    line-height: 1.7;
}

.stats-grid h3,
.stats-grid p {
    margin: 0;
}

.stats-grid p {
    margin-top: 0.3rem;
    font-weight: 600;
}

.inline-form {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    margin: 0.8rem 0;
    flex-wrap: wrap;
}

.table {
    width: 100%;
    border-collapse: collapse;
}

.table th,
.table td {
    border-bottom: 1px solid var(--line);
    text-align: left;
    padding: 0.55rem;
}

.mono {
    font-family: "IBM Plex Mono", monospace;
    font-size: 0.82rem;
}

.status-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.58rem;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-preview-ready {
    background: #1e365f;
    color: #a9d4ff;
    border: 1px solid #3f72b4;
}

.status-generated {
    background: #164537;
    color: #b7ffe8;
    border: 1px solid #2c8d72;
}

.status-balance-added {
    background: #4c3c14;
    color: #ffe8a6;
    border: 1px solid #a8842e;
}

.shell.main-content.workspace-main {
    width: min(1120px, 92vw);
    min-height: calc(100vh - 120px);
}

.workspace-shell {
    display: grid;
    gap: 1rem;
}

.workspace-auth-shell {
    min-height: 220px;
    display: grid;
    align-content: center;
}

.workspace-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
}

.workspace-header h1 {
    margin: 0.45rem 0 0.5rem;
}

.workspace-header-actions {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.workspace-user-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.35rem;
}

.workspace-user-meta .meta-chip {
    font-size: 0.9rem;
}

.meta-chip {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--line);
    background: rgba(18, 31, 60, 0.88);
    border-radius: 999px;
    color: var(--muted);
    font-size: 0.82rem;
    padding: 0.28rem 0.65rem;
}

.meta-chip-copy {
    font: inherit;
    cursor: pointer;
}

.meta-role-chip {
    text-transform: none;
    letter-spacing: normal;
}

.workspace-kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.workspace-kpi {
    margin-top: 0;
}

.workspace-kpi p {
    margin: 0;
}

.workspace-kpi h3 {
    margin: 0.45rem 0 0;
    font-size: 1.36rem;
}

.role-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.22rem 0.55rem;
    border: 1px solid transparent;
}

.role-admin {
    color: #ffd79d;
    border-color: #aa7d2d;
    background: #4f3713;
}

.role-user {
    color: #a7e9ff;
    border-color: #3e73b6;
    background: #17365a;
}

.workspace-projects {
    margin-top: 0;
    padding: 1.1rem 1.2rem;
}

.workspace-projects-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 0.7rem;
}

.workspace-projects-head h2 {
    margin: 0;
}

.workspace-table-wrap {
    overflow: auto;
}

.workspace-table-wrap .table {
    min-width: 840px;
}

.workspace-table-wrap .table th,
.workspace-table-wrap .table td {
    font-size: 0.92rem;
}

.workspace-table-wrap .table th {
    white-space: nowrap;
}

.workspace-table-wrap .status-pill {
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none;
    padding: 0.12rem 0.42rem;
}

.workspace-row-actions {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
}

.workspace-row-actions .btn {
    font-size: 0.8rem;
    padding: 0.4rem 0.7rem;
}

.workspace-row-actions form {
    margin: 0;
}

.workspace-create-project-btn {
    font-size: 0.84rem;
    padding: 0.48rem 0.82rem;
}

.workspace-empty {
    border: 1px dashed #3c5f96;
    border-radius: 14px;
    background: #122349;
    padding: 1rem;
}

.workspace-empty h3 {
    margin: 0;
}

.workspace-empty .btn {
    margin-top: 0.4rem;
}

.result-list {
    margin: 0 0 1rem;
    padding-left: 1.1rem;
}

.site-footer {
    border-top: 1px solid var(--line);
    padding: 1.1rem 0;
    color: var(--muted);
}

.footer-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.92rem;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.footer-links a {
    color: var(--muted);
    text-decoration: none;
}

.footer-links a:hover {
    color: var(--accent-strong);
}

.footer-counter {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 31px;
}

.footer-counter img {
    display: block;
    width: 31px;
    height: 31px;
    border: 0;
}

@media (max-width: 760px) {
    .brand-tag {
        display: none;
    }

    .nav-wrap {
        align-items: flex-start;
        flex-direction: column;
    }

    nav {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .main-content {
        padding-top: 1.4rem;
    }

    .hero-idea-form {
        grid-template-columns: 1fr;
    }

    .main-content > section + section {
        margin-top: 0.9rem;
    }

    .workspace-header {
        flex-direction: column;
        align-items: stretch;
        padding: 1rem;
    }

    .workspace-header-actions {
        justify-content: flex-start;
    }

    .workspace-projects-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .footer-counter {
        justify-content: flex-start;
    }
}

@keyframes fade-up {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Single-page long-read extensions aligned with LandingPlatform style */
.page {
    padding: 0 0 2.5rem;
    display: grid;
    gap: 1rem;
}

.page > .hero,
.page > .reader-nav,
.page > .article,
.page > .related-posts,
.page > .seo-section,
.page > .panel,
.page > .faq-block,
.page > .article-directory,
.page > .policy,
.page > .cover {
    margin-top: 0;
}

.hero {
    min-height: min(34vh, 320px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.error-hero {
    position: relative;
    overflow: hidden;
}

.error-hero::after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 210px;
    height: 210px;
    border-radius: 999px;
    background: radial-gradient(circle at center, rgba(67, 242, 207, 0.24), rgba(57, 212, 255, 0.02) 72%);
    pointer-events: none;
}

.error-code {
    margin: 0;
    font-family: "IBM Plex Mono", monospace;
    font-size: clamp(2.4rem, 7vw, 4rem);
    line-height: 1;
    letter-spacing: 0.06em;
    color: rgba(67, 242, 207, 0.86);
    text-shadow: 0 0 28px rgba(67, 242, 207, 0.22);
}

.error-intents {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.error-intents a {
    border: 1px solid #386090;
    background: rgba(12, 24, 45, 0.8);
    color: #bce8ff;
    text-decoration: none;
    border-radius: 999px;
    padding: 0.34rem 0.75rem;
    font-size: 0.82rem;
    font-weight: 600;
    transition: border-color 140ms ease, transform 120ms ease;
}

.error-intents a:hover {
    border-color: #5fc1ff;
    transform: translateY(-1px);
}

.error-recovery {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.error-recovery-card {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: linear-gradient(150deg, rgba(23, 39, 72, 0.95), rgba(15, 28, 54, 0.95));
    padding: 1rem;
}

.error-recovery-card h2 {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
}

.error-recovery-card p {
    margin: 0 0 0.8rem;
    color: var(--muted);
}

.reader-nav {
    margin-top: 0.8rem;
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.reader-nav a {
    border: 1px solid var(--line);
    background: rgba(18, 31, 60, 0.88);
    color: #cde1ff;
    text-decoration: none;
    border-radius: 999px;
    font-size: 0.83rem;
    font-weight: 600;
    padding: 0.32rem 0.72rem;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.reader-nav a.active {
    border-color: rgba(67, 242, 207, 0.75);
    color: #e9fffa;
    background: linear-gradient(120deg, rgba(17, 79, 92, 0.78), rgba(24, 69, 109, 0.84));
    box-shadow: 0 0 0 1px rgba(67, 242, 207, 0.28) inset;
}

.meta {
    margin-top: 1rem;
    display: grid;
    gap: 0.45rem;
    color: var(--muted);
    font-size: 0.95rem;
}

.cta-banner {
    margin-top: 1rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background:
        radial-gradient(circle at 85% 8%, rgba(57, 212, 255, 0.24) 0%, transparent 40%),
        linear-gradient(135deg, rgba(24, 43, 79, 0.96), rgba(17, 32, 60, 0.98));
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.32);
    padding: clamp(1rem, 2.3vw, 1.4rem);
    display: grid;
    gap: 1rem;
    grid-template-columns: 1.45fr 1fr;
    align-items: center;
}

.cta-banner h2 {
    margin: 0.3rem 0 0.55rem;
    line-height: 1.2;
    font-size: clamp(1.1rem, 1.8vw, 1.45rem);
}

.cta-actions {
    display: grid;
    gap: 0.6rem;
}

.article {
    margin-top: 1rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
    padding: clamp(1rem, 2.2vw, 1.55rem);
}

.article h2 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

.article h2[id] {
    scroll-margin-top: 4.5rem;
}

.article h2[id]:target {
    animation: section-focus 3.5s ease-out;
}

.article p,
.article li {
    color: #dce7ff;
    line-height: 1.76;
}

.article p {
    margin: 0.45rem 0 0.95rem;
    max-width: none;
}

.article a {
    color: #8fe7ff;
    text-decoration-color: rgba(143, 231, 255, 0.55);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    transition: color 140ms ease, text-decoration-color 140ms ease;
}

.article a:hover {
    color: #d0f8ff;
    text-decoration-color: rgba(208, 248, 255, 0.95);
}

.article ul,
.article ol {
    margin: 0.5rem 0 1rem;
    padding-left: 1.2rem;
}

.cover {
    margin: 0.35rem 0 1rem;
}

.cover img {
    width: 100%;
    height: auto;
    border-radius: 14px;
    border: 1px solid var(--line);
    display: block;
}

.cover figcaption {
    margin-top: 0.45rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.article-intro {
    font-size: 1.08rem;
    color: #e8f2ff;
}

.takeaways {
    border: 1px solid #3f72b4;
    background: rgba(16, 35, 66, 0.86);
    border-radius: 14px;
    padding: 0.8rem 0.95rem;
    margin: 0.9rem 0 1.1rem;
}

.takeaways h2 {
    margin: 0 0 0.35rem;
}

.takeaways ul {
    margin: 0;
}

.context-block {
    margin: 1rem 0 1.1rem;
    border: 1px solid #365f95;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(15, 29, 56, 0.94), rgba(13, 24, 46, 0.95));
    padding: 0.9rem 1rem;
}

.context-block h2 {
    margin: 0 0 0.45rem;
}

.context-block p {
    margin: 0.35rem 0;
    color: #dbe8ff;
    line-height: 1.72;
}

.inline-figure {
    margin: 1.1rem 0 1.3rem;
}

.inline-figure img {
    width: 100%;
    height: auto;
    border-radius: 14px;
    border: 1px solid var(--line);
    display: block;
}

.inline-figure figcaption {
    margin-top: 0.45rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.policy {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
    padding: clamp(1rem, 2.2vw, 1.55rem);
}

.policy-page {
    flex: 1;
}

.policy-page h1 {
    margin: 0.3rem 0 0.6rem;
}

.policy-page h2 {
    margin: 1rem 0 0.45rem;
    font-size: 1.05rem;
}

.policy-page p,
.policy-page li {
    color: var(--muted);
    line-height: 1.7;
}

.policy-page ul {
    margin: 0.35rem 0 0.35rem 1rem;
}

.policy-meta {
    margin: 0 0 0.35rem;
    color: #9fdcff;
    font-size: 0.88rem;
}

.related-posts {
    margin-top: 1rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(23, 39, 72, 0.96), rgba(18, 31, 60, 0.95));
    padding: clamp(1rem, 2.2vw, 1.45rem);
}

.related-head h2 {
    margin: 0.3rem 0 0.7rem;
}

.related-grid {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.related-card {
    border: 1px solid var(--line);
    background: rgba(10, 22, 43, 0.72);
    border-radius: 14px;
    text-decoration: none;
    color: var(--ink);
    padding: 0.9rem;
    transition: transform 120ms ease, border-color 120ms ease;
}

.related-card:hover {
    transform: translateY(-2px);
    border-color: #4da8ff;
}

.related-card h3 {
    margin: 0.2rem 0 0.35rem;
    line-height: 1.25;
}

.related-card p {
    margin: 0;
    color: var(--muted);
}

.related-meta {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #87cbff !important;
    font-weight: 700;
}

.reader-pathways,
.quick-summary {
    margin-top: 1rem;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface-soft);
    padding: 1rem;
}

.reader-pathways h2,
.quick-summary h2 {
    margin: 0 0 0.45rem;
}

.pathway-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

.pathway-card {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(18, 31, 60, 0.9);
    padding: 0.85rem;
    text-decoration: none;
    color: inherit;
}

.pathway-card h3 {
    margin: 0.15rem 0 0.4rem;
    font-size: 1rem;
}

.pathway-card p {
    margin: 0;
    color: var(--muted);
}

.pathway-card:hover {
    transform: translateY(-1px);
    border-color: #5b7fb8;
}

.quick-summary ul {
    margin: 0.35rem 0 0;
    padding-left: 1.1rem;
    line-height: 1.6;
}

.article-tool {
    margin: 1rem 0 1.15rem;
    border: 1px solid #3d73b9;
    border-radius: 16px;
    background: linear-gradient(140deg, rgba(15, 35, 66, 0.96), rgba(12, 27, 53, 0.98));
    padding: 0.95rem 1rem;
}

.article-tool h2 {
    margin: 0.3rem 0 0.45rem;
    font-size: 1.2rem;
}

.article-tool-grid {
    margin-top: 0.6rem;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.article-tool-grid label {
    display: grid;
    gap: 0.3rem;
    font-size: 0.88rem;
    color: #d8ecff;
    font-weight: 600;
}

.article-tool-grid select,
.article-tool-grid input {
    width: 100%;
    border: 1px solid #466fa6;
    background: #0e1f3c;
    border-radius: 10px;
    padding: 0.55rem 0.7rem;
    font: inherit;
    color: #eef7ff;
}

.article-tool-grid select:focus,
.article-tool-grid input:focus {
    outline: 2px solid rgba(57, 212, 255, 0.25);
    border-color: var(--accent);
}

.tool-value {
    color: #9ed9ff;
    font-size: 0.82rem;
}

.article-tool-output {
    margin-top: 0.75rem;
    border: 1px solid #2f598e;
    border-radius: 12px;
    background: rgba(11, 22, 41, 0.76);
    padding: 0.72rem 0.8rem;
}

.article-tool-output p {
    margin: 0.25rem 0;
}

.article-tool-actions {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.article-trust {
    margin-top: 1rem;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 1rem 1.1rem;
    background: linear-gradient(135deg, rgba(18, 33, 63, 0.95), rgba(14, 26, 50, 0.98));
}

.article-trust h2 {
    margin: 0 0 0.55rem;
    font-size: 1.02rem;
}

.article-trust p {
    margin: 0.25rem 0;
    color: #d4e4ff;
}

.article-trust p strong {
    color: #ebfffb;
}

.article-directory {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
    padding: clamp(1rem, 2.2vw, 1.55rem);
}

.article-directory h1 {
    margin: 0.4rem 0 0.75rem;
}

.directory-routes {
    margin-top: 1rem;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.route-chip {
    border: 1px solid #37639f;
    background: #10274a;
    color: #9edaff;
    border-radius: 999px;
    padding: 0.38rem 0.8rem;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease;
}

.route-chip:hover {
    border-color: #56b9ff;
}

.route-chip.is-active {
    color: #e9fcff;
    border-color: rgba(67, 242, 207, 0.8);
    background: linear-gradient(120deg, rgba(17, 79, 92, 0.78), rgba(24, 69, 109, 0.84));
}

.directory-route-note {
    margin: 0.5rem 0 0;
    color: #9cb8df;
    font-size: 0.88rem;
}

.directory-search-label {
    display: block;
    margin: 1rem 0 0.45rem;
    color: #d8e7ff;
    font-weight: 600;
}

.directory-search {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #3f679b;
    background: #0d1f3d;
    color: #ecf4ff;
    padding: 0.65rem 0.8rem;
    font: inherit;
}

.directory-search:focus {
    outline: 2px solid rgba(57, 212, 255, 0.26);
    border-color: var(--accent);
}

.directory-search-status {
    min-height: 1.2em;
    margin: 0.55rem 0 0;
    color: var(--muted);
    font-size: 0.9rem;
}

.directory-grid {
    margin-top: 0.85rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.directory-card {
    border: 1px solid var(--line);
    background: rgba(12, 24, 45, 0.75);
    border-radius: 14px;
    text-decoration: none;
    color: var(--ink);
    padding: 0.95rem;
    transition: transform 120ms ease, border-color 120ms ease;
}

.directory-card:hover {
    transform: translateY(-2px);
    border-color: #53b8ff;
}

.directory-card.stage-hit {
    border-color: rgba(67, 242, 207, 0.72);
    box-shadow: 0 0 0 1px rgba(67, 242, 207, 0.24) inset;
}

.directory-card h2 {
    margin: 0.2rem 0 0.45rem;
    font-size: 1.05rem;
    line-height: 1.3;
}

.directory-card p {
    margin: 0;
    color: var(--muted);
}

.directory-card-stats {
    margin: 0.1rem 0 0.42rem;
    color: #9fc3ea !important;
    font-size: 0.78rem;
    line-height: 1.35;
    letter-spacing: 0.01em;
    font-weight: 600;
}

.directory-card[hidden] {
    display: none;
}

.ideas-directory {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
    padding: clamp(1rem, 2.2vw, 1.55rem);
}

.ideas-directory h1 {
    margin: 0.35rem 0 0.75rem;
}

.ideas-grid {
    margin-top: 0.9rem;
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.idea-card {
    border: 1px solid var(--line);
    border-radius: 16px;
    overflow: hidden;
    background: rgba(12, 24, 45, 0.8);
    display: flex;
    flex-direction: column;
}

.idea-card[hidden] {
    display: none;
}

.idea-card-cover {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.idea-card-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.idea-card-body {
    padding: 0.85rem 0.95rem 0.35rem;
}

.idea-card-body h2 {
    margin: 0.2rem 0 0.5rem;
    font-size: 1.05rem;
    line-height: 1.3;
}

.idea-card-body h2 a {
    color: inherit;
    text-decoration: none;
}

.idea-card-body h2 a:hover {
    text-decoration: underline;
}

.idea-card-body p {
    margin: 0;
    color: var(--muted);
}

.idea-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding: 0.85rem 0.95rem 1rem;
}

.idea-card-actions .btn {
    padding: 0.45rem 0.72rem;
    font-size: 0.84rem;
}

body.is-startup-idea {
    background:
        radial-gradient(circle at 80% -10%, rgba(57, 212, 255, 0.2) 0%, transparent 45%),
        radial-gradient(circle at 15% 20%, rgba(67, 242, 207, 0.13) 0%, transparent 35%),
        linear-gradient(165deg, var(--bg-accent) 0%, var(--bg-mid) 52%, var(--bg) 100%);
    color: var(--ink);
}

body.is-startup-idea .breadcrumbs {
    border-color: rgba(80, 119, 176, 0.45);
    background: rgba(11, 23, 44, 0.42);
    color: var(--muted);
}

body.is-startup-idea .breadcrumbs a {
    color: #9fdcff;
}

body.is-startup-idea .related-posts,
body.is-startup-idea .site-footer {
    color: inherit;
}

.startup-idea-page {
    color: var(--ink);
}

.startup-idea-shell {
    display: grid;
    gap: 1rem;
}

.si-header,
.si-card,
.si-share-card {
    border: 1px solid var(--line);
    border-radius: 20px;
    background: var(--surface);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
}

.si-header {
    padding: clamp(1.1rem, 2.4vw, 1.7rem);
}

.si-back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #9fd7ff;
    text-decoration: none;
    font-size: 0.86rem;
    font-weight: 700;
}

.si-back svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.si-back:hover {
    color: #d8f3ff;
}

.si-meta {
    margin: 0.72rem 0 0;
    color: #9fc3ea;
    font-size: 0.9rem;
    font-weight: 500;
}

.si-header h1 {
    margin: 0.35rem 0 0.65rem;
    font-size: clamp(1.55rem, 2.45vw, 2.1rem);
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--ink);
}

.si-lead {
    margin: 0;
    color: #d5e6ff;
    font-size: 1.02rem;
    line-height: 1.55;
    max-width: 860px;
}

.si-actions {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.si-share-label {
    margin: 0.7rem 0 0;
    color: #cde2ff;
    font-size: 0.86rem;
    font-weight: 600;
}

.si-ask-inline {
    margin-top: 0.6rem;
    width: fit-content;
}

.si-btn {
    border: 1px solid #2f547f;
    background: #10233f;
    color: #e7f2ff;
    border-radius: 12px;
    padding: 0.72rem 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: transform 130ms ease, box-shadow 130ms ease, border-color 130ms ease, background-color 130ms ease;
}

.si-btn svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.si-btn:hover {
    transform: translateY(-1px);
    border-color: var(--accent);
    box-shadow: 0 8px 18px rgba(5, 11, 24, 0.3);
}

.si-btn-primary {
    background: linear-gradient(120deg, #1598c1, #1ab39b);
    color: #fff;
    border-color: #53d7d0;
    box-shadow: 0 8px 20px rgba(57, 212, 255, 0.28);
}

.si-btn-primary:hover {
    box-shadow: 0 10px 22px rgba(67, 242, 207, 0.35);
}

.si-btn-light {
    background: #10233f;
    color: var(--accent);
    border-color: #2d6ea4;
}

.si-layout {
    display: grid;
    gap: 1rem;
}

.si-content {
    display: grid;
    gap: 1rem;
}

.si-card {
    padding: 1rem;
}

.si-card-head {
    display: flex;
    align-items: center;
    gap: 0.58rem;
    margin-bottom: 0.82rem;
}

.si-card-head h2 {
    margin: 0;
    font-size: 1.06rem;
    color: var(--ink);
}

.si-icon-badge {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.si-icon-badge svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.si-icon-green {
    background: rgba(122, 197, 122, 0.18);
    color: #7ad47a;
}

.si-icon-amber {
    background: rgba(245, 158, 11, 0.18);
    color: #f4c14f;
}

.si-scores-wrap {
    display: grid;
    gap: 0.95rem;
}

.si-scores-line {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.si-overall-block {
    display: flex;
    align-items: center;
    gap: 0.86rem;
    flex-shrink: 0;
    padding: 0;
}

.si-overall-text strong {
    display: block;
    font-size: 0.95rem;
}

.si-overall-text p {
    margin: 0.2rem 0 0;
    color: #9cb8df;
    font-size: 0.76rem;
}

.si-tone-good {
    color: #f4c14f;
}

.si-tone-risk {
    color: #ff8baa;
}

.si-score-divider {
    width: 1px;
    height: 56px;
    background: #324a76;
    flex-shrink: 0;
}

.si-score-scroll {
    flex: 1;
    overflow-x: auto;
}

.si-score-list {
    display: flex;
    gap: 0.5rem;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-width: max-content;
    padding-bottom: 0.1rem;
}

.si-score-item {
    flex: 0 0 auto;
    display: grid;
    justify-items: center;
    gap: 0.2rem;
}

.si-score-item p {
    margin: 0;
    color: #9cb8df;
    text-align: center;
    font-size: 0.68rem;
    line-height: 1.2;
}

.si-score-item-overall {
    min-width: 0;
}

.si-score-item-overall p {
    max-width: none;
}

.si-ring {
    --ring-track: #34537d;
    --ring-color: #f59e0b;
    position: relative;
    display: inline-grid;
    place-items: center;
    color: var(--ring-color);
}

.si-ring[data-tone="good"] {
    --ring-color: #10b981;
}

.si-ring[data-tone="warn"] {
    --ring-color: #f59e0b;
}

.si-ring[data-tone="risk"] {
    --ring-color: #f43f5e;
}

.si-ring svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.si-ring-bg {
    fill: none;
    stroke: var(--ring-track);
}

.si-ring-progress {
    fill: none;
    stroke: var(--ring-color);
    stroke-linecap: round;
    stroke-dasharray: var(--ring-circumference, 0);
    stroke-dashoffset: var(--ring-circumference, 0);
    transition: stroke-dashoffset 900ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.si-ring-label {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #eaf3ff;
}

.si-ring-label strong {
    font-size: 1.25rem;
    line-height: 1;
}

.si-ring-label small {
    margin-top: 0.08rem;
    color: #9cb8df;
    font-size: 0.7rem;
}

.si-ring-lg {
    width: 82px;
    height: 82px;
}

.si-ring-lg .si-ring-bg,
.si-ring-lg .si-ring-progress {
    stroke-width: 8;
}

.si-ring-sm {
    width: 40px;
    height: 40px;
}

.si-ring-sm .si-ring-bg,
.si-ring-sm .si-ring-progress {
    stroke-width: 3;
}

.si-ring-sm span {
    position: absolute;
    font-size: 0.72rem;
    font-weight: 800;
    color: #eaf3ff;
}

.si-analysis-grid {
    display: grid;
    gap: 0.78rem;
}

.si-block {
    border-radius: 14px;
    padding: 0.82rem;
}

.si-block h3 {
    margin: 0 0 0.4rem;
    display: flex;
    align-items: center;
    gap: 0.44rem;
    font-size: 0.96rem;
}

.si-block p,
.si-block li,
.si-block strong {
    color: #d2e3ff;
    font-size: 0.9rem;
    line-height: 1.53;
}

.si-block strong {
    color: #f2f7ff;
}

.si-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.si-block li {
    position: relative;
    padding-left: 0.9rem;
}

.si-block li::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    position: absolute;
    left: 0;
    top: 0.58rem;
    opacity: 0.42;
}

.si-block li + li {
    margin-top: 0.28rem;
}

.si-block-icon {
    width: 20px;
    height: 20px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.si-block-icon svg {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.si-block-solution {
    background: rgba(17, 54, 44, 0.86);
}

.si-block-solution h3,
.si-block-solution .si-block-icon {
    color: #6ce9cf;
}

.si-block-problem {
    background: rgba(15, 33, 61, 0.86);
    border: 1px solid #2b4d79;
}

.si-block-problem h3,
.si-block-problem .si-block-icon {
    color: #b8d3f7;
}

.si-block-features {
    background: rgba(15, 45, 61, 0.88);
}

.si-block-features h3,
.si-block-features .si-block-icon {
    color: #72e4c3;
}

.si-block-market {
    background: rgba(39, 27, 75, 0.88);
}

.si-block-market h3,
.si-block-market .si-block-icon {
    color: #c7b3ff;
}

.si-block-money {
    background: rgba(63, 45, 16, 0.9);
}

.si-block-money h3,
.si-block-money .si-block-icon {
    color: #ffd074;
}

.si-block-edge {
    background: rgba(17, 52, 70, 0.9);
}

.si-block-edge h3,
.si-block-edge .si-block-icon {
    color: #8ce4ff;
}

.si-block-risk {
    background: rgba(67, 32, 26, 0.9);
}

.si-block-risk h3,
.si-block-risk .si-block-icon {
    color: #ffb498;
}

.si-sidebar {
    display: none;
}

.si-sticky {
    display: grid;
    gap: 0.6rem;
}

.si-sidebar .si-actions {
    margin-top: 0;
    display: grid;
    gap: 0.5rem;
}

.si-sidebar .si-actions .si-btn {
    width: 100%;
}

.si-sidebar .si-btn.js-copy-idea-link {
    width: 100%;
}

.si-share-card {
    padding: 0.76rem;
}

.si-share-card p {
    margin: 0 0 0.55rem;
    color: #eaf3ff;
    font-size: 0.86rem;
    font-weight: 700;
}

.si-share-actions {
    display: flex;
    gap: 0.45rem;
}

.si-share-actions .si-btn {
    flex: 1;
}

.si-icon-btn {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid #2d6ea4;
    background: #10233f;
    color: var(--accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.si-icon-btn svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.si-icon-btn:hover {
    border-color: var(--accent);
    background: #123056;
}

.si-ask-fab {
    position: fixed;
    right: 1rem;
    bottom: 5.2rem;
    z-index: 31;
    border-radius: 999px;
    border: 0;
    background: linear-gradient(120deg, #1598c1, #1ab39b);
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.74rem 0.95rem;
    font-size: 0.87rem;
    font-weight: 700;
    box-shadow: 0 12px 26px rgba(57, 212, 255, 0.28);
    opacity: 0;
    pointer-events: none;
    transform: scale(0);
    transition: transform 180ms ease, opacity 180ms ease, box-shadow 140ms ease;
}

.si-ask-fab svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.si-ask-fab:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(67, 242, 207, 0.36);
}

.si-ask-fab.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

body.si-assistant-open {
    overflow: auto;
}

.si-assistant[hidden] {
    display: none;
}

.si-assistant {
    position: fixed;
    inset: 0;
    z-index: 56;
    pointer-events: none;
}

.si-assistant.is-open {
    pointer-events: none;
}

.si-assistant-backdrop {
    display: none;
}

.si-assistant-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(400px, 100%);
    height: 100%;
    background: linear-gradient(165deg, rgba(11, 22, 41, 0.98), rgba(9, 18, 35, 0.98));
    color: #deedff;
    border-left: 1px solid #2f4f7b;
    box-shadow: -30px 0 52px rgba(2, 8, 20, 0.62);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    opacity: 0.28;
    will-change: transform, opacity;
    pointer-events: auto;
}

.si-assistant.is-open .si-assistant-panel {
    animation: siAssistantPanelIn 460ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes siAssistantPanelIn {
    0% {
        transform: translateX(100%);
        opacity: 0.28;
    }

    72% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.si-assistant-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.85rem 0.9rem;
    border-bottom: 1px solid #2a476e;
    background: linear-gradient(120deg, rgba(21, 152, 193, 0.18), rgba(26, 179, 155, 0.14));
}

.si-assistant-brand {
    display: flex;
    align-items: center;
    gap: 0.62rem;
}

.si-assistant-avatar {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #e8f8ff;
    background: linear-gradient(120deg, #1598c1, #1ab39b);
    box-shadow: 0 10px 22px rgba(16, 127, 162, 0.35);
}

.si-assistant-avatar svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.si-assistant-head h2 {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.2;
    color: #f4f9ff;
}

.si-assistant-head p {
    margin: 0.12rem 0 0;
    color: #aac5e4;
    font-size: 0.76rem;
    line-height: 1.3;
}

.si-assistant-close {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    border: 1px solid #365d8b;
    background: #102542;
    color: #cfe3ff;
    display: grid;
    place-items: center;
    cursor: pointer;
    flex-shrink: 0;
}

.si-assistant-close svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.si-assistant-close:hover {
    color: #fff;
    background: #153054;
}

.si-assistant-chat {
    flex: 1;
    overflow-y: auto;
    padding: 0.95rem;
    background: rgba(8, 18, 35, 0.88);
}

.si-assistant-row {
    display: flex;
    margin-bottom: 0.72rem;
}

.si-assistant-row:last-child {
    margin-bottom: 0;
}

.si-assistant-row-user {
    justify-content: flex-end;
}

.si-assistant-row-assistant {
    justify-content: flex-start;
}

.si-assistant-bubble {
    max-width: 88%;
    border-radius: 13px;
    padding: 0.64rem 0.72rem;
    font-size: 0.84rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.si-assistant-row-user .si-assistant-bubble {
    border-bottom-right-radius: 5px;
    background: linear-gradient(120deg, #1598c1, #1ab39b);
    color: #fff;
}

.si-assistant-row-assistant .si-assistant-bubble {
    border-bottom-left-radius: 5px;
    background: #132b4b;
    color: #ddedff;
    border: 1px solid #2e537f;
}

.si-assistant-row-thinking .si-assistant-bubble {
    color: #a8c5e8;
}

.si-assistant-quick {
    border-top: 1px solid #2a476e;
    background: rgba(10, 22, 42, 0.98);
    padding: 0.72rem 0.9rem 0.58rem;
}

.si-assistant-quick p {
    margin: 0 0 0.42rem;
    color: #aac5e4;
    font-size: 0.72rem;
    font-weight: 600;
}

.si-assistant-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.si-assistant-chip {
    border: 1px solid #31547f;
    background: #102542;
    color: #c5daf5;
    border-radius: 999px;
    padding: 0.28rem 0.58rem;
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
}

.si-assistant-chip:hover {
    border-color: #4c7db6;
    color: #fff;
    background: #163459;
}

.si-assistant-form {
    border-top: 1px solid #2a476e;
    background: rgba(10, 22, 42, 0.98);
    padding: 0.72rem 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.si-assistant-form input {
    flex: 1;
    border: 1px solid #345980;
    background: #0f2441;
    color: #eaf4ff;
    border-radius: 10px;
    padding: 0.62rem 0.68rem;
    font-size: 0.82rem;
}

.si-assistant-form input:focus {
    outline: 0;
    border-color: #4fb4d2;
    box-shadow: 0 0 0 2px rgba(79, 180, 210, 0.2);
    background: #122946;
}

.si-assistant-send {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 0;
    background: linear-gradient(120deg, #1598c1, #1ab39b);
    color: #fff;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.si-assistant-send svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.si-assistant-send:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.si-assistant-planner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 1.8rem);
    margin: 0 0.9rem 0.9rem;
    border-radius: 10px;
    border: 1px solid #335983;
    background: #112948;
    color: #d5e7ff;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.6rem 0.8rem;
}

.si-assistant-planner:hover {
    background: #16365e;
    color: #fff;
}

.si-modal[hidden] {
    display: none;
}

.si-modal {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: grid;
    place-items: center;
    padding: 1rem;
}

.si-modal-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(3, 8, 20, 0.64);
    backdrop-filter: blur(3px);
}

.si-modal-panel {
    position: relative;
    width: min(460px, 100%);
    border-radius: 16px;
    border: 1px solid var(--line);
    background: linear-gradient(155deg, rgba(19, 34, 63, 0.98), rgba(12, 24, 45, 0.98));
    box-shadow: 0 24px 44px rgba(2, 7, 18, 0.52);
    padding: 1rem 1rem 1.05rem;
}

.si-modal-close {
    position: absolute;
    top: 0.65rem;
    right: 0.65rem;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #2f547f;
    background: #10233f;
    color: #cde8ff;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.si-modal-close svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.si-modal-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid #2d6ea4;
    background: #10233f;
    color: var(--accent);
    display: grid;
    place-items: center;
}

.si-modal-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.si-modal-panel h2 {
    margin: 0.8rem 0 0.4rem;
    color: #ecf7ff;
    font-size: 1.15rem;
    line-height: 1.3;
}

.si-modal-panel p {
    margin: 0;
    color: #aac4e8;
    font-size: 0.93rem;
    line-height: 1.5;
}

.si-modal-actions {
    margin-top: 0.9rem;
    display: grid;
    gap: 0.55rem;
}

.si-modal-actions .si-btn {
    width: 100%;
}

body.si-anim-enabled [data-reveal] {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 420ms ease, transform 420ms ease;
}

body.si-anim-enabled [data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 1100px) {
    .si-layout {
        grid-template-columns: minmax(0, 1fr) 288px;
        align-items: start;
    }

    .si-sidebar {
        display: block;
    }

    .si-sticky {
        position: sticky;
        top: 6.3rem;
    }
}

@media (min-width: 760px) {
    .si-analysis-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .si-block-solution,
    .si-block-problem,
    .si-block-features {
        grid-column: span 2;
    }
}

@media (max-width: 900px) {
    .si-score-item {
        min-width: 72px;
    }
}

@media (max-width: 720px) {
    .si-header,
    .si-card {
        border-radius: 16px;
        padding: 0.85rem;
    }

    .si-actions .si-btn {
        width: 100%;
    }

    .si-overall-block {
        gap: 0.7rem;
    }

    .si-scores-line {
        gap: 0.6rem;
    }

    .si-score-divider {
        height: 48px;
    }

    .si-ask-fab {
        right: 0.7rem;
        left: auto;
        bottom: 5.1rem;
    }
}

.back-top {
    margin-top: 0.85rem;
    display: inline-flex;
    color: var(--accent);
    text-decoration: none;
    font-weight: 700;
}

.to-top-fab {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 35;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid #4f86c9;
    background: rgba(12, 26, 50, 0.9);
    color: #d7eeff;
    text-decoration: none;
    display: grid;
    place-items: center;
    font-size: 1.2rem;
    font-weight: 700;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease;
}

body.show-to-top .to-top-fab {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.next-article-fab {
    position: fixed;
    right: 1rem;
    bottom: 3.9rem;
    z-index: 34;
    max-width: min(360px, calc(100vw - 2rem));
    border-radius: 14px;
    border: 1px solid rgba(67, 242, 207, 0.45);
    background: linear-gradient(125deg, rgba(18, 38, 72, 0.97), rgba(13, 28, 52, 0.97));
    box-shadow: 0 12px 26px rgba(2, 6, 16, 0.46);
    color: #e5f5ff;
    text-decoration: none;
    padding: 0.55rem 0.75rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.next-article-fab span {
    display: block;
    color: #8ee6ff;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}

.next-article-fab strong {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.86rem;
    line-height: 1.32;
    color: #e8f9ff;
}

body.show-next-article .next-article-fab {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

body.show-next-article .to-top-fab {
    bottom: 1rem;
}

.faq-block {
    margin-top: 1.2rem;
    border-top: 1px solid var(--line);
    padding-top: 0.9rem;
}

.faq-block details {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(15, 30, 57, 0.85);
    padding: 0.72rem 0.82rem;
    margin-top: 0.55rem;
}

.faq-block summary {
    cursor: pointer;
    font-weight: 700;
}

.faq-block details p {
    margin: 0.55rem 0 0;
}

@media (max-width: 700px) {
    .next-article-fab {
        right: 0.72rem;
        left: 0.72rem;
        bottom: 4rem;
        max-width: none;
    }

    .next-article-fab strong {
        font-size: 0.82rem;
    }
}

@keyframes section-focus {
    0% {
        color: #8ae7ff;
        text-shadow: 0 0 0 rgba(138, 231, 255, 0);
    }

    40% {
        color: #b9f1ff;
        text-shadow: 0 0 16px rgba(67, 242, 207, 0.45);
    }

    100% {
        color: var(--ink);
        text-shadow: 0 0 0 rgba(67, 242, 207, 0);
    }
}

@keyframes cta-neon-pulse {
    0%,
    100% {
        box-shadow:
            0 0 0 1px rgba(57, 212, 255, 0.32) inset,
            0 0 14px rgba(57, 212, 255, 0.38),
            0 0 26px rgba(67, 242, 207, 0.28);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(57, 212, 255, 0.4) inset,
            0 0 20px rgba(57, 212, 255, 0.48),
            0 0 38px rgba(67, 242, 207, 0.45);
    }
}

@keyframes cta-neon-bg-shift {
    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

@keyframes cta-neon-sheen {
    0% {
        left: -45%;
        opacity: 0;
    }

    15% {
        opacity: 0.34;
    }

    55% {
        opacity: 0.3;
    }

    100% {
        left: 118%;
        opacity: 0;
    }
}

@keyframes startup-input-glow {
    0%,
    100% {
        border-color: rgba(112, 176, 236, 0.68);
        box-shadow:
            0 0 0 1px rgba(57, 212, 255, 0.28) inset,
            0 0 0 rgba(57, 212, 255, 0);
    }

    50% {
        border-color: rgba(161, 223, 255, 0.95);
        box-shadow:
            0 0 0 1px rgba(57, 212, 255, 0.55) inset,
            0 0 20px rgba(57, 212, 255, 0.36),
            0 0 30px rgba(67, 242, 207, 0.2);
    }
}

@keyframes startup-input-aura {
    0%,
    100% {
        opacity: 0.55;
        transform: scale(0.985);
    }

    50% {
        opacity: 0.95;
        transform: scale(1.02);
    }
}

@keyframes stars-glow {
    0%,
    100% {
        opacity: 0.84;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        transform: translateY(-1px);
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .article h2[id]:target {
        animation: none;
    }

    .cta-banner .btn-primary {
        animation: none;
    }

    .cta-banner .btn-primary::after {
        animation: none;
    }

    .startup-idea-focus,
    .startup-idea-focus::before {
        animation: none;
    }

    .hero-stars {
        animation: none;
    }
}

@media (max-width: 800px) {
    .startup-hero-layout {
        grid-template-columns: 1fr;
    }

    .hero {
        min-height: auto;
    }

    .cta-banner {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 980px) {
    .cta-banner h2 {
        white-space: nowrap;
    }
}

@media (max-width: 760px) {
    .article h2[id] {
        scroll-margin-top: 6.2rem;
    }
}


.reader-nav.is-auto {
    margin-top: 0.85rem;
}

.article-companion {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
    align-items: center;
    gap: clamp(0.9rem, 2.8vw, 2rem);
    margin-top: 1rem;
    padding: clamp(1.1rem, 2.4vw, 1.65rem);
    border: 1px solid rgba(85, 154, 205, 0.62);
    border-radius: 22px;
    background: radial-gradient(circle at 80% 10%, rgba(57, 212, 255, 0.16), transparent 42%), linear-gradient(135deg, rgba(20, 42, 76, 0.98), rgba(13, 27, 53, 0.98));
    overflow: hidden;
}

.article > .article-companion {
    width: 100%;
    margin: 1.1rem 0;
}

.article-companion .companion-copy h2 {
    max-width: 26rem;
    margin: 0.25rem 0 0.45rem;
    line-height: 1.15;
    font-size: clamp(1.2rem, 2.4vw, 1.6rem);
}

.article-companion .companion-copy > p:last-child {
    max-width: 34rem;
    margin: 0;
    color: #c4d6f1;
}

.companion-stage {
    position: relative;
    min-height: 255px;
    display: grid;
    justify-items: center;
    align-content: center;
    isolation: isolate;
}

.companion-stage::before {
    content: "";
    position: absolute;
    inset: 8% 0 8%;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(circle at 50% 62%, rgba(67, 242, 207, 0.14), transparent 62%);
}

.companion-cat {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    display: block;
    width: 180px;
    height: 180px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: inherit;
    background: none;
    cursor: grab;
    touch-action: none;
    transition: transform 220ms ease, filter 220ms ease;
    transform: translate(var(--drag-x, 0px), var(--drag-y, 0px));
}

.companion-cat:hover,
.companion-cat:focus-visible {
    filter: drop-shadow(0 12px 20px rgba(57, 212, 255, 0.18));
}

.companion-cat.is-dragging {
    cursor: grabbing;
    transition: none;
}

.companion-cat:focus-visible {
    outline: 2px solid #43f2cf;
    outline-offset: 5px;
}

.companion-cat svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.28));
}

.article-companion .companion-pet-svg {
    isolation: isolate;
}

.article-companion .companion-head {
    transform-box: view-box;
    transform-origin: 50% 57%;
    transition: transform 190ms ease-out;
}

.article-companion #dogFace,
.article-companion #dogPanting,
.article-companion #dogBarkMouth,
.article-companion #groomPaw,
.article-companion #lickTongue,
.article-companion #catTiredTongue,
.article-companion #growthYoung,
.article-companion #growthSenior,
.article-companion #closedEyeLines,
.article-companion .dog-ear-group {
    display: none !important;
}

.article-companion #growthAdult {
    display: inline !important;
}

.article-companion .companion-pet-svg .tail {
    transform-box: view-box;
    transform-origin: 76% 80%;
    animation: companion-tail 2.8s ease-in-out infinite;
}

.article-companion .companion-pet-svg .earL {
    transform-box: view-box;
    transform-origin: 38% 32%;
    animation: companion-ear-left 5.5s ease-in-out infinite;
}

.article-companion .companion-pet-svg .earR {
    transform-box: view-box;
    transform-origin: 62% 32%;
    animation: companion-ear-right 6.5s ease-in-out infinite;
}

.article-companion .companion-pet-svg .companion-pupil {
    transition: transform 160ms ease;
}

.article-companion .companion-pet-svg .companion-gaze {
    transition: transform 140ms ease-out;
}

.article-companion .companion-pet-svg .eye {
    transform-box: fill-box;
    transform-origin: center;
    animation: companion-blink 7s ease-in-out infinite;
}

.article-companion .companion-cat.is-reacting .eye {
    opacity: 0;
}

.article-companion .companion-cat.is-reacting #closedEyeLines {
    display: inline !important;
}

.article-companion .companion-cat.is-reacting svg {
    animation: companion-happy 850ms cubic-bezier(.2, .8, .2, 1) both;
}

.companion-hearts {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 4;
    width: 70px;
    height: 85px;
    pointer-events: none;
}

.companion-hearts i {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ff9fac;
    font-size: 1.05rem;
    font-style: normal;
    line-height: 1;
    opacity: 0;
    text-shadow: 0 0 12px rgba(255, 159, 172, 0.5);
}

.companion-cat.is-reacting .companion-hearts i {
    animation: companion-heart-trail 1.1s cubic-bezier(.22, .61, .36, 1) both;
}

.companion-cat.is-reacting .companion-hearts i:nth-child(2) {
    animation-delay: 145ms;
    font-size: 0.9rem;
}

.companion-cat.is-reacting .companion-hearts i:nth-child(3) {
    animation-delay: 290ms;
    font-size: 1.2rem;
}

.companion-cat.is-reacting .companion-hearts i:nth-child(4) {
    animation-delay: 435ms;
    font-size: 0.85rem;
}

.companion-cat.is-reacting .companion-hearts i:nth-child(5) {
    animation-delay: 580ms;
    font-size: 1rem;
}

.companion-platform {
    position: absolute;
    bottom: 16px;
    width: min(205px, 90%);
    height: 40px;
    border-radius: 50%;
    border: 2px solid rgba(119, 226, 230, 0.62);
    background: radial-gradient(ellipse at 50% 32%, #2c6577, #173e59 68%, #0d2945 100%);
    box-shadow: 0 11px 0 #0b233c, 0 16px 25px rgba(0, 0, 0, 0.38), inset 0 4px 11px rgba(130, 233, 231, 0.18);
    z-index: 1;
    pointer-events: none;
}

.companion-invite {
    position: absolute;
    inset: 0;
    z-index: 8;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    place-items: center;
    min-height: 0;
    padding: 0.65rem;
    background: rgba(5, 15, 32, 0.62);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 320ms ease;
}

.companion-invite[hidden] {
    display: none;
}

.companion-invite.is-visible {
    opacity: 1;
    pointer-events: auto;
}

.companion-dialog {
    position: relative;
    width: min(100%, 390px);
    max-height: 100%;
    overflow-y: auto;
    padding: 0.8rem 1.15rem 0.65rem;
    border: 1px solid rgba(110, 230, 218, 0.52);
    border-radius: 22px;
    background: radial-gradient(circle at 50% 0, rgba(57, 212, 255, 0.18), transparent 65%), linear-gradient(145deg, #1b385a, #0d1d37);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42), 0 0 34px rgba(67, 242, 207, 0.08);
    text-align: center;
    transform: translateY(12px) scale(0.96);
    transition: transform 360ms cubic-bezier(.2, .8, .2, 1);
}

.companion-invite.is-visible .companion-dialog {
    transform: translateY(0) scale(1);
}

.companion-close {
    position: absolute;
    top: 0.55rem;
    right: 0.65rem;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(157, 211, 232, 0.28);
    border-radius: 10px;
    background: rgba(9, 26, 48, 0.68);
    color: #d6eafa;
    font-size: 1.3rem;
    cursor: pointer;
}

.companion-close:hover,
.companion-close:focus-visible {
    background: rgba(57, 212, 255, 0.18);
    border-color: rgba(143, 231, 255, 0.7);
}

.companion-dialog-paw {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(67, 242, 207, 0.4);
    border-radius: 14px;
    background: rgba(67, 242, 207, 0.1);
    font-size: 1.15rem;
}

.companion-dialog .companion-dialog-eyebrow {
    margin: 0.25rem 0 0.1rem;
    color: #7fead6;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.companion-dialog h3 {
    margin: 0 0 0.25rem;
    color: #f4fbff;
    font-size: clamp(1.15rem, 2.5vw, 1.45rem);
    line-height: 1.15;
}

.companion-dialog > p:not(.companion-dialog-eyebrow) {
    max-width: 35ch;
    margin: 0 auto 0.5rem;
    color: #c5d9ec;
    font-size: 0.82rem;
    line-height: 1.4;
}

.companion-invite .btn {
    padding: 0.55rem 0.85rem;
    font-size: 0.82rem;
}

.companion-again {
    display: block;
    margin: 0.3rem auto 0;
    padding: 0.2rem 0.5rem;
    border: 0;
    background: none;
    color: #b4e8ef;
    font: inherit;
    font-size: 0.82rem;
    cursor: pointer;
}

.companion-again:hover,
.companion-again:focus-visible {
    color: #fff;
    text-decoration: underline;
}

@keyframes companion-tail { 0%, 100% { transform: rotate(-5deg); } 50% { transform: rotate(10deg); } }
@keyframes companion-ear-left { 0%, 88%, 100% { transform: rotate(0); } 92% { transform: rotate(-8deg); } }
@keyframes companion-ear-right { 0%, 78%, 100% { transform: rotate(0); } 83% { transform: rotate(8deg); } }
@keyframes companion-blink { 0%, 45%, 48%, 100% { transform: scaleY(1); } 46% { transform: scaleY(0.08); } }
@keyframes companion-happy { 0%, 100% { transform: scale(1); } 35% { transform: scale(1.035) rotate(-1deg); } 70% { transform: scale(0.99) rotate(1deg); } }
@keyframes companion-heart-trail {
    0% { opacity: 0; transform: translate(0, 8px) rotate(-14deg) scale(.45); }
    18% { opacity: 1; }
    75% { opacity: 0.9; }
    100% { opacity: 0; transform: translate(52px, -76px) rotate(14deg) scale(1.05); }
}

@media (max-width: 700px) {
    .article-companion {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .article-companion .companion-copy > p:not(.eyebrow) {
        margin-right: auto;
        margin-left: auto;
    }

    .companion-stage {
        min-height: 255px;
    }

    .companion-dialog {
        padding: 0.75rem 1rem 0.6rem;
    }

    .companion-invite {
        padding: 0.55rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .article-companion .companion-pet-svg .tail,
    .article-companion .companion-pet-svg .earL,
    .article-companion .companion-pet-svg .earR,
    .article-companion .companion-pet-svg .eye,
    .article-companion .companion-cat.is-reacting svg,
    .companion-cat.is-reacting .companion-hearts i {
        animation: none !important;
    }

    .article-companion .companion-head,
    .article-companion .companion-pet-svg .companion-gaze,
    .companion-invite,
    .companion-dialog {
        transition: none !important;
    }

    .companion-cat.is-reacting .companion-hearts i {
        opacity: 1;
    }
}


/* Editorial article system imported from the approved HTML reference. */
:root{--bg: #070d1a;--bg-mid: #0e1730;--bg-accent: #14274a;--ink: #eaf0ff;--muted: #a2b2d8;--accent: #39d4ff;--accent-strong: #43f2cf;--surface: #121f3c;--surface-soft: #192a4f;--line: #324a76;--danger: #ff7aa7;--ok-bg: #124133;--ok-ink: #d4fff0}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{margin:0;padding:0;font-family: "Segoe UI", system-ui, sans-serif;color:var(--ink);background:radial-gradient(circle at 80% -10%,rgba(57,212,255,.2) 0%,transparent 45%),radial-gradient(circle at 15% 20%,rgba(67,242,207,.13) 0%,transparent 35%),linear-gradient(165deg,var(--bg-accent) 0%,var(--bg-mid) 52%,var(--bg) 100%)}body.is-404{min-height:100vh;display:flex;flex-direction:column}body.is-404 .main-content,body.is-404 .main-content .page-404{flex:1;display:flex;flex-direction:column}body.is-ru-articles{min-height:100vh;display:flex;flex-direction:column}body.is-ru-articles .main-content{flex:1;display:flex;flex-direction:column}body.is-ru-articles .article-directory{flex:1}body.is-articles{min-height:100vh;display:flex;flex-direction:column}body.is-articles .main-content{flex:1;display:flex;flex-direction:column}body.is-articles .article-directory{flex:1}body.is-legal{min-height:100vh;display:flex;flex-direction:column}body.is-legal .main-content{flex:1;display:flex;flex-direction:column}body.is-ru-home{min-height:100vh;display:flex;flex-direction:column}body.is-ru-home .main-content{flex:1;display:flex;flex-direction:column}body.is-ru-home .article-directory{flex:1}html{scroll-behavior:smooth}.shell{width:min(1120px,92vw);margin:0 auto}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:#080e1cd1;border-bottom:1px solid var(--line)}.read-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:40;background:#11203c80;pointer-events:none}.read-progress-bar{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#39d4ff,#43f2cf)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}.brand{display:inline-flex;flex-direction:column;gap:.12rem;font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--ink)}.brand-main{font-size:1rem;line-height:1.1}.brand-tag{color:#a9c4ee;font-size:.7rem;letter-spacing:.02em;font-weight:600;text-transform:none}nav{display:flex;align-items:center;gap:1rem}nav a{color:var(--accent-strong);text-decoration:none;font-weight:600}.main-content{padding:2rem 0 4.5rem}.main-content>section+section{margin-top:1.15rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.2rem 0 .95rem;padding:.3rem .55rem;border:1px solid rgba(80,119,176,.45);border-radius:10px;background:#0b172c6b;color:var(--muted);font-size:.88rem}.main-content>.breadcrumbs+*{margin-top:0}.landing-visual .cover{margin:0}.breadcrumbs a{color:#9fdcff;text-decoration:none}.hero,.flow-hero{background:linear-gradient(140deg,#1b2d51f2,#13213ef7 64%,#101b32f7);border:1px solid var(--line);border-radius:24px;padding:clamp(1.25rem,3vw,2.3rem);box-shadow:0 16px 36px #00000059}.eyebrow{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;font-weight:700}.hero h1,.flow-hero h1{margin:.65rem 0 .95rem;max-width:34ch;font-size:clamp(1.95rem,4.5vw,3.35rem);line-height:1.08;text-wrap:balance}.lead{margin:0;color:var(--muted);max-width:72ch;line-height:1.68}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.35rem}.hero-quickstart{margin-top:1.1rem;border:1px solid rgba(73,121,190,.65);border-radius:14px;padding:.85rem;background:#0a172dd1}.hero-quickstart-label{margin:0 0 .55rem;font-weight:700;color:#dbf7ff}.hero-quickstart-note{margin:.45rem 0 0;color:#9ec6e9;font-size:.86rem}.hero-secondary-links{margin:.9rem 0 0;display:inline-flex;flex-wrap:wrap;gap:.45rem;align-items:center;color:#9ec6e9;font-size:.9rem}.hero-secondary-links a{color:#bfe9ff;text-decoration:none;font-weight:600}.hero-secondary-links a:hover{color:#e4f8ff;text-decoration:underline}.hero-idea-form{display:grid;gap:.6rem;grid-template-columns:minmax(250px,1fr) auto;align-items:center}.hero-idea-form input,.hero-idea-form textarea{width:100%;border-radius:10px;border:1px solid #4170ad;background:#0d1f3b;color:#edf6ff;padding:.68rem .8rem;font:inherit;resize:vertical}.hero-idea-form input:focus,.hero-idea-form textarea:focus{outline:2px solid rgba(57,212,255,.28);border-color:#55bcff}.hero-metrics{margin-top:1.4rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.hero-metrics article{border:1px solid var(--line);border-radius:14px;background:#152442d9;padding:.92rem}.hero-metrics span{display:block;font-size:1.24rem;font-weight:700}.hero-stars{margin-top:.25rem;color:#ffd874;letter-spacing:.12em;font-size:.92rem;text-shadow:0 0 10px rgba(255,216,116,.34);animation:stars-glow 2.6s ease-in-out infinite}.grid-3,.step-grid,.stats-grid,.plan-cards,.preview-grid{display:grid;gap:.85rem}.grid-3{margin-top:1.2rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.step-grid{margin-top:1.2rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stats-grid{margin:.8rem 0;grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.plan-cards{margin-top:1rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.preview-grid{margin-top:.7rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.seo-section,.panel,.card,.step-card,.stats-grid article{border:1px solid var(--line);border-radius:16px;background:var(--surface)}.seo-section{margin-top:.85rem;padding:clamp(.95rem,1.8vw,1.2rem);background:var(--surface-soft)}.seo-section h2{margin:0 0 .55rem}.seo-section ul{margin:.15rem 0 0;padding-left:1.1rem;line-height:1.6}.panel{padding:clamp(1rem,2vw,1.35rem);box-shadow:0 10px 25px #0000004d;margin-top:1rem}.panel h2{margin-top:0}.startup-hero{min-height:min(62vh,620px);padding:clamp(1.3rem,4vw,2.6rem)}.startup-hero-layout{display:block}.startup-hero-main{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:860px;margin:0 auto}.startup-hero h1{max-width:18ch;font-size:clamp(2.15rem,5.8vw,3.9rem)}body.is-ru-home .startup-hero h1.ru-hero-title{font-family:"PT Serif","Noto Serif",Georgia,Times New Roman,serif;font-weight:700;letter-spacing:.01em;line-height:1.14}.startup-hero .lead{max-width:56ch}.startup-hero-form{margin-top:1.15rem;width:100%;max-width:760px;display:grid;grid-template-columns:1fr;gap:.62rem}.startup-hero-form .btn{border-radius:999px}.startup-idea-focus{position:relative;border-radius:14px;border:2px solid rgba(112,176,236,.72);background:#0c1830c7;box-shadow:0 0 0 1px #39d4ff4d inset,0 0 #39d4ff00;animation:startup-input-glow 2.3s ease-in-out infinite}.startup-idea-focus:before{content:"";position:absolute;inset:-10px;border-radius:20px;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 50%,rgba(57,212,255,.23),rgba(67,242,207,.08) 46%,transparent 74%);filter:blur(8px);animation:startup-input-aura 2.3s ease-in-out infinite}.startup-idea-focus:focus-within{animation:none;border-color:#9ef5ffd9;box-shadow:0 0 0 1px #39d4ff73 inset,0 0 14px #39d4ff5c,0 0 24px #43f2cf38}.startup-idea-focus textarea{position:relative;z-index:1;min-height:156px;border:0;border-radius:14px;background:transparent;box-shadow:none;padding:.76rem .9rem;color:#f1f8ff;caret-color:#8de7ff}.startup-idea-focus textarea::placeholder{color:#b9d4f0;opacity:1}.startup-idea-focus textarea:focus{outline:none;border:0;box-shadow:none}.startup-hero-form .btn[disabled],.startup-hero-form .btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;filter:saturate(.7)}.startup-hero-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;color:#a8c7ea;font-size:.82rem}.startup-hero-meta small{color:#9ebee3}.startup-hero-examples{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}.idea-chip{border:1px solid rgba(111,157,219,.45);background:#0d1b36b8;color:#cfe7ff;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:.18s ease}.idea-chip:hover{color:#edf8ff;border-color:#89c1ff;background:#132545e6}.startup-hero-trust{margin-top:.7rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.startup-hero-trust span{border:1px solid rgba(92,141,201,.42);border-radius:999px;padding:.25rem .65rem;font-size:.74rem;color:#beddff}.startup-hero-actions{margin-top:.15rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.startup-hero-actions .btn{min-width:170px}.startup-live-preview{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#172748e6,#101b32e6);padding:.95rem;display:flex;flex-direction:column;gap:.65rem}.startup-live-label{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:#8eb8e8;font-weight:700}.startup-live-preview h3{margin:0;font-size:1.1rem}.startup-live-list{margin:0;padding-left:1rem;color:#cde5ff;font-size:.86rem;line-height:1.5}.startup-live-list li+li{margin-top:.2rem}.startup-live-grid{margin:0;display:grid;gap:.55rem}.startup-live-grid>div{border:1px solid rgba(99,142,202,.36);border-radius:10px;padding:.55rem .65rem;background:#0c18309e}.startup-live-grid dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;color:#9dc6ee;margin:0 0 .2rem}.startup-live-grid dd{margin:0;color:#e8f4ff;font-size:.91rem}.startup-section{margin-top:1rem;padding:clamp(1rem,2.2vw,1.6rem)}.startup-section-index{display:flex;align-items:center;gap:.45rem;margin-bottom:.55rem;text-transform:uppercase;letter-spacing:.03em;font-size:.76rem;color:#98b7e7;font-weight:700}.startup-section h2{margin-top:0;max-width:34ch}.startup-ideas-grid{margin-top:1rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.startup-idea-card{border:1px solid rgba(87,129,188,.42);border-radius:14px;background:#0f1c36d9;padding:.9rem}.startup-idea-tag{margin:0 0 .45rem;display:inline-block;padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(116,158,212,.52);color:#c7ddff;font-size:.74rem;font-weight:700}.startup-idea-card h3{margin:0;font-size:1.05rem;line-height:1.3}.startup-idea-card h3 a{color:#e9f4ff;text-decoration:none}.startup-idea-card h3 a:hover{color:#bfe8ff;text-decoration:underline}.startup-idea-card p:last-child{margin-bottom:0}.startup-section-cta{margin-top:.95rem;display:flex;justify-content:center}.startup-how h2{max-width:38ch}.startup-steps-bar{margin-top:.95rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.55rem}.startup-step-btn{border:1px solid rgba(93,130,190,.45);border-radius:10px;padding:.6rem .7rem;background:#0c1830ad;color:#c3ddff;font-size:.86rem;font-weight:600;text-align:left;cursor:pointer;transition:.18s ease}.startup-step-btn:hover{border-color:#74b3ff;color:#e2f2ff}.startup-step-btn.is-active{border-color:#8ed1a3;background:#2d5743b3;color:#e7fff0}.startup-preview-stage{margin-top:.85rem;min-height:min(44vh,430px);border-radius:16px;border:1px solid #5cbf7f;background:linear-gradient(135deg,#7ac57a,#4ea46f);display:flex;align-items:center;justify-content:center;text-align:center;color:#072116;padding:1rem}.startup-preview-stage h3{margin:0;font-size:clamp(1.35rem,3vw,2.1rem)}.startup-preview-stage p{margin:.45rem 0 0;max-width:42ch;color:#072116cc;font-weight:600}.card,.step-card,.stats-grid article{padding:.95rem}.step-text-link{color:#9fe4ff;text-decoration:none;font-weight:700;font-size:.87rem}.step-text-link:hover{text-decoration:underline}.step-card h2{margin:.2rem 0 .45rem;font-size:1rem}.step-card p,.muted{color:var(--muted)}.step-number{margin:0;color:var(--accent);font-size:.8rem;font-weight:700;text-transform:uppercase}.featured{border:1px solid var(--accent);box-shadow:inset 0 0 0 1px #39d4ff73}.form-grid{display:grid;gap:.58rem}.form-grid label{margin-top:.4rem;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #395686;background:#0e1932;border-radius:10px;padding:.72rem .8rem;font:inherit;color:var(--ink)}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid rgba(57,212,255,.25);border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.92rem;line-height:1.2;border-radius:10px;border:1px solid transparent;padding:.64rem 1.1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(120deg,#1598c1,#1ab39b);color:#fff;border-color:#53d7d0;box-shadow:0 8px 20px #39d4ff47}.btn-primary:hover{box-shadow:0 10px 22px #43f2cf59}.cta-banner .btn-primary{position:relative;isolation:isolate;overflow:hidden;color:#f3ffff;border-color:#9ef5ffe6;background:linear-gradient(118deg,#0f3552,#117076 54%,#145487);text-shadow:0 0 8px rgba(67,242,207,.55);box-shadow:0 0 0 1px #39d4ff52 inset,0 0 14px #39d4ff61,0 0 26px #43f2cf47;background-size:200% 100%;animation:cta-neon-pulse 2.8s ease-in-out infinite,cta-neon-bg-shift 4.6s ease-in-out infinite}.cta-banner .btn-primary:after{content:"";position:absolute;top:0;left:-42%;width:34%;height:100%;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(100deg,transparent 8%,rgba(255,255,255,.5) 52%,transparent 92%);opacity:.38;transform:skew(-20deg);animation:cta-neon-sheen 3.1s linear infinite}.cta-banner .btn-primary:hover,.cta-banner .btn-primary:focus-visible{animation-play-state:paused;box-shadow:0 0 0 1px #39d4ff73 inset,0 0 18px #39d4ff80,0 0 34px #43f2cf6b}.btn-ghost{background:transparent;border-color:var(--accent);color:var(--accent)}.validation{color:var(--danger);font-size:.9rem}.flash{border-radius:12px;padding:.72rem .95rem;margin-bottom:.95rem;font-weight:600}.flash-ok{background:var(--ok-bg);color:var(--ok-ink);border:1px solid #2b846b}.flash-bad{background:#42192f;color:#ffd1e3;border:1px solid #7f365a}.hint-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 1rem}.hint-chip{border:1px solid #37639f;background:#10274a;color:#9edaff;border-radius:999px;padding:.38rem .8rem;font:inherit;cursor:pointer}.preview-grid img{width:100%;border-radius:12px;border:1px solid var(--line);min-height:150px;object-fit:cover}.prototype-actions{margin:.6rem 0 .75rem}.prototype-frame{width:100%;min-height:620px;border:1px solid var(--line);border-radius:14px;background:#fff}.modal-overlay{position:fixed;inset:0;z-index:45;background:#01060ead;display:grid;place-items:center;padding:1rem}.modal-overlay[hidden]{display:none!important}.modal-card{width:min(560px,96vw);border:1px solid var(--line);border-radius:16px;background:#102142;box-shadow:0 22px 42px #0000007a;padding:1rem 1.05rem}.modal-card h3{margin:.4rem 0 .55rem}.modal-card p{margin:.45rem 0}.modal-actions{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.55rem}.code-plan{font-family:IBM Plex Mono,monospace;white-space:pre-wrap;background:#0a1428;color:#f4f8ff;border-radius:12px;padding:.9rem;font-size:.85rem;line-height:1.45;overflow-x:auto}.plan-list{margin:.4rem 0 0;padding-left:1.2rem;line-height:1.7}.stats-grid h3,.stats-grid p{margin:0}.stats-grid p{margin-top:.3rem;font-weight:600}.inline-form{display:flex;gap:.6rem;align-items:center;margin:.8rem 0;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:.55rem}.mono{font-family:IBM Plex Mono,monospace;font-size:.82rem}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .58rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-preview-ready{background:#1e365f;color:#a9d4ff;border:1px solid #3f72b4}.status-generated{background:#164537;color:#b7ffe8;border:1px solid #2c8d72}.status-balance-added{background:#4c3c14;color:#ffe8a6;border:1px solid #a8842e}.shell.main-content.workspace-main{width:min(1120px,92vw);min-height:calc(100vh - 120px)}.workspace-shell{display:grid;gap:1rem}.workspace-auth-shell{min-height:220px;display:grid;align-content:center}.workspace-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem}.workspace-header h1{margin:.45rem 0 .5rem}.workspace-header-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.workspace-user-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.workspace-user-meta .meta-chip{font-size:.9rem}.meta-chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:#121f3ce0;border-radius:999px;color:var(--muted);font-size:.82rem;padding:.28rem .65rem}.meta-chip-copy{font:inherit;cursor:pointer}.meta-role-chip{text-transform:none;letter-spacing:normal}.workspace-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.workspace-kpi{margin-top:0}.workspace-kpi p{margin:0}.workspace-kpi h3{margin:.45rem 0 0;font-size:1.36rem}.role-pill{display:inline-flex;align-items:center;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.22rem .55rem;border:1px solid transparent}.role-admin{color:#ffd79d;border-color:#aa7d2d;background:#4f3713}.role-user{color:#a7e9ff;border-color:#3e73b6;background:#17365a}.workspace-projects{margin-top:0;padding:1.1rem 1.2rem}.workspace-projects-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem}.workspace-projects-head h2{margin:0}.workspace-table-wrap{overflow:auto}.workspace-table-wrap .table{min-width:840px}.workspace-table-wrap .table th,.workspace-table-wrap .table td{font-size:.92rem}.workspace-table-wrap .table th{white-space:nowrap}.workspace-table-wrap .status-pill{font-size:.82rem;font-weight:600;letter-spacing:.01em;text-transform:none;padding:.12rem .42rem}.workspace-row-actions{display:inline-flex;gap:.45rem;align-items:center}.workspace-row-actions .btn{font-size:.8rem;padding:.4rem .7rem}.workspace-row-actions form{margin:0}.workspace-create-project-btn{font-size:.84rem;padding:.48rem .82rem}.workspace-empty{border:1px dashed #3c5f96;border-radius:14px;background:#122349;padding:1rem}.workspace-empty h3{margin:0}.workspace-empty .btn{margin-top:.4rem}.result-list{margin:0 0 1rem;padding-left:1.1rem}.site-footer{border-top:1px solid var(--line);padding:1.1rem 0;color:var(--muted)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.92rem}.footer-links{display:flex;flex-wrap:wrap;gap:.85rem}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--accent-strong)}.footer-counter{display:inline-flex;align-items:center;justify-content:flex-end;min-width:31px}.footer-counter img{display:block;width:31px;height:31px;border:0}@media(max-width:760px){.brand-tag{display:none}.nav-wrap{align-items:flex-start;flex-direction:column}nav{width:100%;justify-content:flex-start;flex-wrap:wrap}.main-content{padding-top:1.4rem}.hero-idea-form{grid-template-columns:1fr}.main-content>section+section{margin-top:.9rem}.workspace-header{flex-direction:column;align-items:stretch;padding:1rem}.workspace-header-actions{justify-content:flex-start}.workspace-projects-head{flex-direction:column;align-items:flex-start}.footer-inner{align-items:flex-start;flex-direction:column}.footer-counter{justify-content:flex-start}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page{padding:0 0 2.5rem;display:grid;gap:1rem}.page>.hero,.page>.reader-nav,.page>.article,.page>.related-posts,.page>.seo-section,.page>.panel,.page>.faq-block,.page>.article-directory,.page>.policy,.page>.cover{margin-top:0}.hero{min-height:min(34vh,320px);display:flex;flex-direction:column;justify-content:center}.error-hero{position:relative;overflow:hidden}.error-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:210px;height:210px;border-radius:999px;background:radial-gradient(circle at center,#43f2cf3d,#39d4ff05 72%);pointer-events:none}.error-code{margin:0;font-family:IBM Plex Mono,monospace;font-size:clamp(2.4rem,7vw,4rem);line-height:1;letter-spacing:.06em;color:#43f2cfdb;text-shadow:0 0 28px rgba(67,242,207,.22)}.error-intents{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.55rem}.error-intents a{border:1px solid #386090;background:#0c182dcc;color:#bce8ff;text-decoration:none;border-radius:999px;padding:.34rem .75rem;font-size:.82rem;font-weight:600;transition:border-color .14s ease,transform .12s ease}.error-intents a:hover{border-color:#5fc1ff;transform:translateY(-1px)}.error-recovery{margin-top:1rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.error-recovery-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#172748f2,#0f1c36f2);padding:1rem}.error-recovery-card h2{margin:0 0 .35rem;font-size:1.05rem}.error-recovery-card p{margin:0 0 .8rem;color:var(--muted)}.reader-nav{margin-top:.8rem;display:flex;gap:.55rem;flex-wrap:wrap}.reader-nav a{border:1px solid var(--line);background:#121f3ce0;color:#cde1ff;text-decoration:none;border-radius:999px;font-size:.83rem;font-weight:600;padding:.32rem .72rem;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.reader-nav a.active{border-color:#43f2cfbf;color:#e9fffa;background:linear-gradient(120deg,#114f5cc7,#18456dd6);box-shadow:0 0 0 1px #43f2cf47 inset}.meta{margin-top:1rem;display:grid;gap:.45rem;color:var(--muted);font-size:.95rem}.cta-banner{margin-top:1rem;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 85% 8%,rgba(57,212,255,.24) 0%,transparent 40%),linear-gradient(135deg,#182b4ff5,#11203cfa);box-shadow:0 14px 30px #00000052;padding:clamp(1rem,2.3vw,1.4rem);display:grid;gap:1rem;grid-template-columns:1.45fr 1fr;align-items:center}.cta-banner h2{margin:.3rem 0 .55rem;line-height:1.2;font-size:clamp(1.1rem,1.8vw,1.45rem)}.cta-actions{display:grid;gap:.6rem}.article{margin-top:1rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 28px #0000004d;padding:clamp(1rem,2.2vw,1.55rem)}.article h2{margin-top:1.5rem;margin-bottom:.5rem;line-height:1.2}.article h2[id]{scroll-margin-top:4.5rem}.article h2[id]:target{animation:section-focus 3.5s ease-out}.article p,.article li{color:#dce7ff;line-height:1.76}.article p{margin:.45rem 0 .95rem;max-width:none}.article a{color:#8fe7ff;text-decoration-color:#8fe7ff8c;text-decoration-thickness:2px;text-underline-offset:3px;transition:color .14s ease,text-decoration-color .14s ease}.article a:hover{color:#d0f8ff;text-decoration-color:#d0f8fff2}.article ul,.article ol{margin:.5rem 0 1rem;padding-left:1.2rem}.cover{margin:.35rem 0 1rem}.cover img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);display:block}.cover figcaption{margin-top:.45rem;color:var(--muted);font-size:.9rem}.article-intro{font-size:1.08rem;color:#e8f2ff}.takeaways{border:1px solid #3f72b4;background:#102342db;border-radius:14px;padding:.8rem .95rem;margin:.9rem 0 1.1rem}.takeaways h2{margin:0 0 .35rem}.takeaways ul{margin:0}.context-block{margin:1rem 0 1.1rem;border:1px solid #365f95;border-radius:14px;background:linear-gradient(145deg,#0f1d38f0,#0d182ef2);padding:.9rem 1rem}.context-block h2{margin:0 0 .45rem}.context-block p{margin:.35rem 0;color:#dbe8ff;line-height:1.72}.inline-figure{margin:1.1rem 0 1.3rem}.inline-figure img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);display:block}.inline-figure figcaption{margin-top:.45rem;color:var(--muted);font-size:.9rem}.policy{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 28px #0000004d;padding:clamp(1rem,2.2vw,1.55rem)}.policy-page{flex:1}.policy-page h1{margin:.3rem 0 .6rem}.policy-page h2{margin:1rem 0 .45rem;font-size:1.05rem}.policy-page p,.policy-page li{color:var(--muted);line-height:1.7}.policy-page ul{margin:.35rem 0 .35rem 1rem}.policy-meta{margin:0 0 .35rem;color:#9fdcff;font-size:.88rem}.related-posts{margin-top:1rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#172748f5,#121f3cf2);padding:clamp(1rem,2.2vw,1.45rem)}.related-head h2{margin:.3rem 0 .7rem}.related-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.related-card{border:1px solid var(--line);background:#0a162bb8;border-radius:14px;text-decoration:none;color:var(--ink);padding:.9rem;transition:transform .12s ease,border-color .12s ease}.related-card:hover{transform:translateY(-2px);border-color:#4da8ff}.related-card h3{margin:.2rem 0 .35rem;line-height:1.25}.related-card p{margin:0;color:var(--muted)}.related-meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#87cbff!important;font-weight:700}.reader-pathways,.quick-summary{margin-top:1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);padding:1rem}.reader-pathways h2,.quick-summary h2{margin:0 0 .45rem}.pathway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.pathway-card{border:1px solid var(--line);border-radius:12px;background:#121f3ce6;padding:.85rem;text-decoration:none;color:inherit}.pathway-card h3{margin:.15rem 0 .4rem;font-size:1rem}.pathway-card p{margin:0;color:var(--muted)}.pathway-card:hover{transform:translateY(-1px);border-color:#5b7fb8}.quick-summary ul{margin:.35rem 0 0;padding-left:1.1rem;line-height:1.6}.article-tool{margin:1rem 0 1.15rem;border:1px solid #3d73b9;border-radius:16px;background:linear-gradient(140deg,#0f2342f5,#0c1b35fa);padding:.95rem 1rem}.article-tool h2{margin:.3rem 0 .45rem;font-size:1.2rem}.article-tool-grid{margin-top:.6rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.article-tool-grid label{display:grid;gap:.3rem;font-size:.88rem;color:#d8ecff;font-weight:600}.article-tool-grid select,.article-tool-grid input{width:100%;border:1px solid #466fa6;background:#0e1f3c;border-radius:10px;padding:.55rem .7rem;font:inherit;color:#eef7ff}.article-tool-grid select:focus,.article-tool-grid input:focus{outline:2px solid rgba(57,212,255,.25);border-color:var(--accent)}.tool-value{color:#9ed9ff;font-size:.82rem}.article-tool-output{margin-top:.75rem;border:1px solid #2f598e;border-radius:12px;background:#0b1629c2;padding:.72rem .8rem}.article-tool-output p{margin:.25rem 0}.article-tool-actions{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.55rem}.article-trust{margin-top:1rem;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;background:linear-gradient(135deg,#12213ff2,#0e1a32fa)}.article-trust h2{margin:0 0 .55rem;font-size:1.02rem}.article-trust p{margin:.25rem 0;color:#d4e4ff}.article-trust p strong{color:#ebfffb}.article-directory{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 28px #0000004d;padding:clamp(1rem,2.2vw,1.55rem)}.article-directory h1{margin:.4rem 0 .75rem}.directory-routes{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.route-chip{border:1px solid #37639f;background:#10274a;color:#9edaff;border-radius:999px;padding:.38rem .8rem;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.route-chip:hover{border-color:#56b9ff}.route-chip.is-active{color:#e9fcff;border-color:#43f2cfcc;background:linear-gradient(120deg,#114f5cc7,#18456dd6)}.directory-route-note{margin:.5rem 0 0;color:#9cb8df;font-size:.88rem}.directory-search-label{display:block;margin:1rem 0 .45rem;color:#d8e7ff;font-weight:600}.directory-search{width:100%;border-radius:10px;border:1px solid #3f679b;background:#0d1f3d;color:#ecf4ff;padding:.65rem .8rem;font:inherit}.directory-search:focus{outline:2px solid rgba(57,212,255,.26);border-color:var(--accent)}.directory-search-status{min-height:1.2em;margin:.55rem 0 0;color:var(--muted);font-size:.9rem}.directory-grid{margin-top:.85rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.directory-card{border:1px solid var(--line);background:#0c182dbf;border-radius:14px;text-decoration:none;color:var(--ink);padding:.95rem;transition:transform .12s ease,border-color .12s ease}.directory-card:hover{transform:translateY(-2px);border-color:#53b8ff}.directory-card.stage-hit{border-color:#43f2cfb8;box-shadow:0 0 0 1px #43f2cf3d inset}.directory-card h2{margin:.2rem 0 .45rem;font-size:1.05rem;line-height:1.3}.directory-card p{margin:0;color:var(--muted)}.directory-card-stats{margin:.1rem 0 .42rem;color:#9fc3ea!important;font-size:.78rem;line-height:1.35;letter-spacing:.01em;font-weight:600}.directory-card[hidden]{display:none}.ideas-directory{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 28px #0000004d;padding:clamp(1rem,2.2vw,1.55rem)}.ideas-directory h1{margin:.35rem 0 .75rem}.ideas-grid{margin-top:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.idea-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0c182dcc;display:flex;flex-direction:column}.idea-card[hidden]{display:none}.idea-card-cover{display:block;aspect-ratio:16 / 9;overflow:hidden}.idea-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.idea-card-body{padding:.85rem .95rem .35rem}.idea-card-body h2{margin:.2rem 0 .5rem;font-size:1.05rem;line-height:1.3}.idea-card-body h2 a{color:inherit;text-decoration:none}.idea-card-body h2 a:hover{text-decoration:underline}.idea-card-body p{margin:0;color:var(--muted)}.idea-card-actions{display:flex;flex-wrap:wrap;gap:.55rem;padding:.85rem .95rem 1rem}.idea-card-actions .btn{padding:.45rem .72rem;font-size:.84rem}body.is-startup-idea{background:radial-gradient(circle at 80% -10%,rgba(57,212,255,.2) 0%,transparent 45%),radial-gradient(circle at 15% 20%,rgba(67,242,207,.13) 0%,transparent 35%),linear-gradient(165deg,var(--bg-accent) 0%,var(--bg-mid) 52%,var(--bg) 100%);color:var(--ink)}body.is-startup-idea .breadcrumbs{border-color:#5077b073;background:#0b172c6b;color:var(--muted)}body.is-startup-idea .breadcrumbs a{color:#9fdcff}body.is-startup-idea .related-posts,body.is-startup-idea .site-footer{color:inherit}.startup-idea-page{color:var(--ink)}.startup-idea-shell{display:grid;gap:1rem}.si-header,.si-card,.si-share-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 12px 28px #0000004d}.si-header{padding:clamp(1.1rem,2.4vw,1.7rem)}.si-back{display:inline-flex;align-items:center;gap:.4rem;color:#9fd7ff;text-decoration:none;font-size:.86rem;font-weight:700}.si-back svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.si-back:hover{color:#d8f3ff}.si-meta{margin:.72rem 0 0;color:#9fc3ea;font-size:.9rem;font-weight:500}.si-header h1{margin:.35rem 0 .65rem;font-size:clamp(1.55rem,2.45vw,2.1rem);line-height:1.2;letter-spacing:-.02em;color:var(--ink)}.si-lead{margin:0;color:#d5e6ff;font-size:1.02rem;line-height:1.55;max-width:860px}.si-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.55rem}.si-share-label{margin:.7rem 0 0;color:#cde2ff;font-size:.86rem;font-weight:600}.si-ask-inline{margin-top:.6rem;width:fit-content}.si-btn{border:1px solid #2f547f;background:#10233f;color:#e7f2ff;border-radius:12px;padding:.72rem .95rem;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;font:inherit;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease,background-color .13s ease}.si-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.si-btn:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 8px 18px #050b184d}.si-btn-primary{background:linear-gradient(120deg,#1598c1,#1ab39b);color:#fff;border-color:#53d7d0;box-shadow:0 8px 20px #39d4ff47}.si-btn-primary:hover{box-shadow:0 10px 22px #43f2cf59}.si-btn-light{background:#10233f;color:var(--accent);border-color:#2d6ea4}.si-layout,.si-content{display:grid;gap:1rem}.si-card{padding:1rem}.si-card-head{display:flex;align-items:center;gap:.58rem;margin-bottom:.82rem}.si-card-head h2{margin:0;font-size:1.06rem;color:var(--ink)}.si-icon-badge{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.si-icon-badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.si-icon-green{background:#7ac57a2e;color:#7ad47a}.si-icon-amber{background:#f59e0b2e;color:#f4c14f}.si-scores-wrap{display:grid;gap:.95rem}.si-scores-line{display:flex;align-items:center;gap:.8rem}.si-overall-block{display:flex;align-items:center;gap:.86rem;flex-shrink:0;padding:0}.si-overall-text strong{display:block;font-size:.95rem}.si-overall-text p{margin:.2rem 0 0;color:#9cb8df;font-size:.76rem}.si-tone-good{color:#f4c14f}.si-tone-risk{color:#ff8baa}.si-score-divider{width:1px;height:56px;background:#324a76;flex-shrink:0}.si-score-scroll{flex:1;overflow-x:auto}.si-score-list{display:flex;gap:.5rem;flex-wrap:nowrap;white-space:nowrap;min-width:max-content;padding-bottom:.1rem}.si-score-item{flex:0 0 auto;display:grid;justify-items:center;gap:.2rem}.si-score-item p{margin:0;color:#9cb8df;text-align:center;font-size:.68rem;line-height:1.2}.si-score-item-overall{min-width:0}.si-score-item-overall p{max-width:none}.si-ring{--ring-track: #34537d;--ring-color: #f59e0b;position:relative;display:inline-grid;place-items:center;color:var(--ring-color)}.si-ring[data-tone=good]{--ring-color: #10b981}.si-ring[data-tone=warn]{--ring-color: #f59e0b}.si-ring[data-tone=risk]{--ring-color: #f43f5e}.si-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.si-ring-bg{fill:none;stroke:var(--ring-track)}.si-ring-progress{fill:none;stroke:var(--ring-color);stroke-linecap:round;stroke-dasharray:var(--ring-circumference, 0);stroke-dashoffset:var(--ring-circumference, 0);transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1)}.si-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eaf3ff}.si-ring-label strong{font-size:1.25rem;line-height:1}.si-ring-label small{margin-top:.08rem;color:#9cb8df;font-size:.7rem}.si-ring-lg{width:82px;height:82px}.si-ring-lg .si-ring-bg,.si-ring-lg .si-ring-progress{stroke-width:8}.si-ring-sm{width:40px;height:40px}.si-ring-sm .si-ring-bg,.si-ring-sm .si-ring-progress{stroke-width:3}.si-ring-sm span{position:absolute;font-size:.72rem;font-weight:800;color:#eaf3ff}.si-analysis-grid{display:grid;gap:.78rem}.si-block{border-radius:14px;padding:.82rem}.si-block h3{margin:0 0 .4rem;display:flex;align-items:center;gap:.44rem;font-size:.96rem}.si-block p,.si-block li,.si-block strong{color:#d2e3ff;font-size:.9rem;line-height:1.53}.si-block strong{color:#f2f7ff}.si-block ul{margin:0;padding:0;list-style:none}.si-block li{position:relative;padding-left:.9rem}.si-block li:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;position:absolute;left:0;top:.58rem;opacity:.42}.si-block li+li{margin-top:.28rem}.si-block-icon{width:20px;height:20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.si-block-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.si-block-solution{background:#11362cdb}.si-block-solution h3,.si-block-solution .si-block-icon{color:#6ce9cf}.si-block-problem{background:#0f213ddb;border:1px solid #2b4d79}.si-block-problem h3,.si-block-problem .si-block-icon{color:#b8d3f7}.si-block-features{background:#0f2d3de0}.si-block-features h3,.si-block-features .si-block-icon{color:#72e4c3}.si-block-market{background:#271b4be0}.si-block-market h3,.si-block-market .si-block-icon{color:#c7b3ff}.si-block-money{background:#3f2d10e6}.si-block-money h3,.si-block-money .si-block-icon{color:#ffd074}.si-block-edge{background:#113446e6}.si-block-edge h3,.si-block-edge .si-block-icon{color:#8ce4ff}.si-block-risk{background:#43201ae6}.si-block-risk h3,.si-block-risk .si-block-icon{color:#ffb498}.si-sidebar{display:none}.si-sticky{display:grid;gap:.6rem}.si-sidebar .si-actions{margin-top:0;display:grid;gap:.5rem}.si-sidebar .si-actions .si-btn,.si-sidebar .si-btn.js-copy-idea-link{width:100%}.si-share-card{padding:.76rem}.si-share-card p{margin:0 0 .55rem;color:#eaf3ff;font-size:.86rem;font-weight:700}.si-share-actions{display:flex;gap:.45rem}.si-share-actions .si-btn{flex:1}.si-icon-btn{width:42px;height:42px;border-radius:10px;border:1px solid #2d6ea4;background:#10233f;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.si-icon-btn svg{width:14px;height:14px;fill:currentColor}.si-icon-btn:hover{border-color:var(--accent);background:#123056}.si-ask-fab{position:fixed;right:1rem;bottom:5.2rem;z-index:31;border-radius:999px;border:0;background:linear-gradient(120deg,#1598c1,#1ab39b);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:.42rem;padding:.74rem .95rem;font-size:.87rem;font-weight:700;box-shadow:0 12px 26px #39d4ff47;opacity:0;pointer-events:none;transform:scale(0);transition:transform .18s ease,opacity .18s ease,box-shadow .14s ease}.si-ask-fab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.si-ask-fab:hover{transform:translateY(-1px);box-shadow:0 14px 30px #43f2cf5c}.si-ask-fab.is-visible{opacity:1;pointer-events:auto;transform:scale(1)}body.si-assistant-open{overflow:auto}.si-assistant[hidden]{display:none}.si-assistant{position:fixed;inset:0;z-index:56;pointer-events:none}.si-assistant.is-open{pointer-events:none}.si-assistant-backdrop{display:none}.si-assistant-panel{position:absolute;top:0;right:0;width:min(400px,100%);height:100%;background:linear-gradient(165deg,#0b1629fa,#091223fa);color:#deedff;border-left:1px solid #2f4f7b;box-shadow:-30px 0 52px #0208149e;display:flex;flex-direction:column;transform:translate(100%);opacity:.28;will-change:transform,opacity;pointer-events:auto}.si-assistant.is-open .si-assistant-panel{animation:siAssistantPanelIn .46s cubic-bezier(.22,1,.36,1) forwards}@keyframes siAssistantPanelIn{0%{transform:translate(100%);opacity:.28}72%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:1}}.si-assistant-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem .9rem;border-bottom:1px solid #2a476e;background:linear-gradient(120deg,#1598c12e,#1ab39b24)}.si-assistant-brand{display:flex;align-items:center;gap:.62rem}.si-assistant-avatar{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;color:#e8f8ff;background:linear-gradient(120deg,#1598c1,#1ab39b);box-shadow:0 10px 22px #107fa259}.si-assistant-avatar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.si-assistant-head h2{margin:0;font-size:.95rem;line-height:1.2;color:#f4f9ff}.si-assistant-head p{margin:.12rem 0 0;color:#aac5e4;font-size:.76rem;line-height:1.3}.si-assistant-close{width:34px;height:34px;border-radius:9px;border:1px solid #365d8b;background:#102542;color:#cfe3ff;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.si-assistant-close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.si-assistant-close:hover{color:#fff;background:#153054}.si-assistant-chat{flex:1;overflow-y:auto;padding:.95rem;background:#081223e0}.si-assistant-row{display:flex;margin-bottom:.72rem}.si-assistant-row:last-child{margin-bottom:0}.si-assistant-row-user{justify-content:flex-end}.si-assistant-row-assistant{justify-content:flex-start}.si-assistant-bubble{max-width:88%;border-radius:13px;padding:.64rem .72rem;font-size:.84rem;line-height:1.45;white-space:pre-wrap}.si-assistant-row-user .si-assistant-bubble{border-bottom-right-radius:5px;background:linear-gradient(120deg,#1598c1,#1ab39b);color:#fff}.si-assistant-row-assistant .si-assistant-bubble{border-bottom-left-radius:5px;background:#132b4b;color:#ddedff;border:1px solid #2e537f}.si-assistant-row-thinking .si-assistant-bubble{color:#a8c5e8}.si-assistant-quick{border-top:1px solid #2a476e;background:#0a162afa;padding:.72rem .9rem .58rem}.si-assistant-quick p{margin:0 0 .42rem;color:#aac5e4;font-size:.72rem;font-weight:600}.si-assistant-chip-list{display:flex;flex-wrap:wrap;gap:.35rem}.si-assistant-chip{border:1px solid #31547f;background:#102542;color:#c5daf5;border-radius:999px;padding:.28rem .58rem;font-size:.7rem;font-weight:600;cursor:pointer}.si-assistant-chip:hover{border-color:#4c7db6;color:#fff;background:#163459}.si-assistant-form{border-top:1px solid #2a476e;background:#0a162afa;padding:.72rem .9rem;display:flex;align-items:center;gap:.5rem}.si-assistant-form input{flex:1;border:1px solid #345980;background:#0f2441;color:#eaf4ff;border-radius:10px;padding:.62rem .68rem;font-size:.82rem}.si-assistant-form input:focus{outline:0;border-color:#4fb4d2;box-shadow:0 0 0 2px #4fb4d233;background:#122946}.si-assistant-send{width:38px;height:38px;border-radius:10px;border:0;background:linear-gradient(120deg,#1598c1,#1ab39b);color:#fff;display:grid;place-items:center;cursor:pointer}.si-assistant-send svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.si-assistant-send:disabled{opacity:.5;cursor:not-allowed}.si-assistant-planner{display:inline-flex;align-items:center;justify-content:center;width:calc(100% - 1.8rem);margin:0 .9rem .9rem;border-radius:10px;border:1px solid #335983;background:#112948;color:#d5e7ff;text-decoration:none;font-size:.82rem;font-weight:700;padding:.6rem .8rem}.si-assistant-planner:hover{background:#16365e;color:#fff}.si-modal[hidden]{display:none}.si-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1rem}.si-modal-backdrop{position:absolute;inset:0;border:0;background:#030814a3;backdrop-filter:blur(3px)}.si-modal-panel{position:relative;width:min(460px,100%);border-radius:16px;border:1px solid var(--line);background:linear-gradient(155deg,#13223ffa,#0c182dfa);box-shadow:0 24px 44px #02071285;padding:1rem 1rem 1.05rem}.si-modal-close{position:absolute;top:.65rem;right:.65rem;width:32px;height:32px;border-radius:8px;border:1px solid #2f547f;background:#10233f;color:#cde8ff;display:grid;place-items:center;cursor:pointer}.si-modal-close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.si-modal-icon{width:42px;height:42px;border-radius:12px;border:1px solid #2d6ea4;background:#10233f;color:var(--accent);display:grid;place-items:center}.si-modal-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.si-modal-panel h2{margin:.8rem 0 .4rem;color:#ecf7ff;font-size:1.15rem;line-height:1.3}.si-modal-panel p{margin:0;color:#aac4e8;font-size:.93rem;line-height:1.5}.si-modal-actions{margin-top:.9rem;display:grid;gap:.55rem}.si-modal-actions .si-btn{width:100%}body.si-anim-enabled [data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .42s ease,transform .42s ease}body.si-anim-enabled [data-reveal].is-visible{opacity:1;transform:translateY(0)}@media(min-width:1100px){.si-layout{grid-template-columns:minmax(0,1fr) 288px;align-items:start}.si-sidebar{display:block}.si-sticky{position:sticky;top:6.3rem}}@media(min-width:760px){.si-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.si-block-solution,.si-block-problem,.si-block-features{grid-column:span 2}}@media(max-width:900px){.si-score-item{min-width:72px}}@media(max-width:720px){.si-header,.si-card{border-radius:16px;padding:.85rem}.si-actions .si-btn{width:100%}.si-overall-block{gap:.7rem}.si-scores-line{gap:.6rem}.si-score-divider{height:48px}.si-ask-fab{right:.7rem;left:auto;bottom:5.1rem}}.back-top{margin-top:.85rem;display:inline-flex;color:var(--accent);text-decoration:none;font-weight:700}.to-top-fab{position:fixed;right:1rem;bottom:1rem;z-index:35;width:42px;height:42px;border-radius:999px;border:1px solid #4f86c9;background:#0c1a32e6;color:#d7eeff;text-decoration:none;display:grid;place-items:center;font-size:1.2rem;font-weight:700;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}body.show-to-top .to-top-fab{opacity:1;visibility:visible;transform:translateY(0)}.next-article-fab{position:fixed;right:1rem;bottom:3.9rem;z-index:34;max-width:min(360px,calc(100vw - 2rem));border-radius:14px;border:1px solid rgba(67,242,207,.45);background:linear-gradient(125deg,#122648f7,#0d1c34f7);box-shadow:0 12px 26px #02061075;color:#e5f5ff;text-decoration:none;padding:.55rem .75rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.next-article-fab span{display:block;color:#8ee6ff;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.next-article-fab strong{display:block;margin-top:.2rem;font-size:.86rem;line-height:1.32;color:#e8f9ff}body.show-next-article .next-article-fab{opacity:1;visibility:visible;transform:translateY(0)}body.show-next-article .to-top-fab{bottom:1rem}.faq-block{margin-top:1.2rem;border-top:1px solid var(--line);padding-top:.9rem}.faq-block details{border:1px solid var(--line);border-radius:12px;background:#0f1e39d9;padding:.72rem .82rem;margin-top:.55rem}.faq-block summary{cursor:pointer;font-weight:700}.faq-block details p{margin:.55rem 0 0}@media(max-width:700px){.next-article-fab{right:.72rem;left:.72rem;bottom:4rem;max-width:none}.next-article-fab strong{font-size:.82rem}}@keyframes section-focus{0%{color:#8ae7ff;text-shadow:0 0 0 rgba(138,231,255,0)}40%{color:#b9f1ff;text-shadow:0 0 16px rgba(67,242,207,.45)}to{color:var(--ink);text-shadow:0 0 0 rgba(67,242,207,0)}}@keyframes cta-neon-pulse{0%,to{box-shadow:0 0 0 1px #39d4ff52 inset,0 0 14px #39d4ff61,0 0 26px #43f2cf47}50%{box-shadow:0 0 0 1px #39d4ff66 inset,0 0 20px #39d4ff7a,0 0 38px #43f2cf73}}@keyframes cta-neon-bg-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes cta-neon-sheen{0%{left:-45%;opacity:0}15%{opacity:.34}55%{opacity:.3}to{left:118%;opacity:0}}@keyframes startup-input-glow{0%,to{border-color:#70b0ecad;box-shadow:0 0 0 1px #39d4ff47 inset,0 0 #39d4ff00}50%{border-color:#a1dffff2;box-shadow:0 0 0 1px #39d4ff8c inset,0 0 20px #39d4ff5c,0 0 30px #43f2cf33}}@keyframes startup-input-aura{0%,to{opacity:.55;transform:scale(.985)}50%{opacity:.95;transform:scale(1.02)}}@keyframes stars-glow{0%,to{opacity:.84;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article h2[id]:target{animation:none}.cta-banner .btn-primary{animation:none}.cta-banner .btn-primary:after{animation:none}.startup-idea-focus,.startup-idea-focus:before{animation:none}.hero-stars{animation:none}}@media(max-width:800px){.startup-hero-layout{grid-template-columns:1fr}.hero{min-height:auto}.cta-banner{grid-template-columns:1fr}}@media(min-width:980px){.cta-banner h2{white-space:nowrap}}@media(max-width:760px){.article h2[id]{scroll-margin-top:6.2rem}}.reader-nav.is-auto{margin-top:.85rem}.article-companion{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,260px);align-items:center;gap:clamp(.9rem,2.8vw,2rem);margin-top:1rem;padding:clamp(1.1rem,2.4vw,1.65rem);border:1px solid rgba(85,154,205,.62);border-radius:22px;background:radial-gradient(circle at 80% 10%,rgba(57,212,255,.16),transparent 42%),linear-gradient(135deg,#142a4cfa,#0d1b35fa);overflow:hidden}.article>.article-companion{width:100%;margin:1.1rem 0}.article-companion .companion-copy h2{max-width:26rem;margin:.25rem 0 .45rem;line-height:1.15;font-size:clamp(1.2rem,2.4vw,1.6rem)}.article-companion .companion-copy>p:last-child{max-width:34rem;margin:0;color:#c4d6f1}.companion-stage{position:relative;min-height:255px;display:grid;justify-items:center;align-content:center;isolation:isolate}.companion-stage:before{content:"";position:absolute;inset:8% 0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 62%,rgba(67,242,207,.14),transparent 62%)}.companion-cat{position:absolute;z-index:2;bottom:30px;display:block;width:180px;height:180px;padding:0;border:0;border-radius:50%;color:inherit;background:none;cursor:grab;touch-action:none;transition:transform .22s ease,filter .22s ease;transform:translate(var(--drag-x, 0px),var(--drag-y, 0px))}.companion-cat:hover,.companion-cat:focus-visible{filter:drop-shadow(0 12px 20px rgba(57,212,255,.18))}.companion-cat.is-dragging{cursor:grabbing;transition:none}.companion-cat:focus-visible{outline:2px solid #43f2cf;outline-offset:5px}.companion-cat svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 8px rgba(0,0,0,.28))}.article-companion .companion-pet-svg{isolation:isolate}.article-companion .companion-head{transform-box:view-box;transform-origin:50% 57%;transition:transform .19s ease-out}.article-companion #dogFace,.article-companion #dogPanting,.article-companion #dogBarkMouth,.article-companion #groomPaw,.article-companion #lickTongue,.article-companion #catTiredTongue,.article-companion #growthYoung,.article-companion #growthSenior,.article-companion #closedEyeLines,.article-companion .dog-ear-group{display:none!important}.article-companion #growthAdult{display:inline!important}.article-companion .companion-pet-svg .tail{transform-box:view-box;transform-origin:76% 80%;animation:companion-tail 2.8s ease-in-out infinite}.article-companion .companion-pet-svg .earL{transform-box:view-box;transform-origin:38% 32%;animation:companion-ear-left 5.5s ease-in-out infinite}.article-companion .companion-pet-svg .earR{transform-box:view-box;transform-origin:62% 32%;animation:companion-ear-right 6.5s ease-in-out infinite}.article-companion .companion-pet-svg .companion-pupil{transition:transform .16s ease}.article-companion .companion-pet-svg .companion-gaze{transition:transform .14s ease-out}.article-companion .companion-pet-svg .eye{transform-box:fill-box;transform-origin:center;animation:companion-blink 7s ease-in-out infinite}.article-companion .companion-cat.is-reacting .eye{opacity:0}.article-companion .companion-cat.is-reacting #closedEyeLines{display:inline!important}.article-companion .companion-cat.is-reacting svg{animation:companion-happy .85s cubic-bezier(.2,.8,.2,1) both}.companion-hearts{position:absolute;top:4px;right:0;z-index:4;width:70px;height:85px;pointer-events:none}.companion-hearts i{position:absolute;bottom:0;left:0;color:#ff9fac;font-size:1.05rem;font-style:normal;line-height:1;opacity:0;text-shadow:0 0 12px rgba(255,159,172,.5)}.companion-cat.is-reacting .companion-hearts i{animation:companion-heart-trail 1.1s cubic-bezier(.22,.61,.36,1) both}.companion-cat.is-reacting .companion-hearts i:nth-child(2){animation-delay:145ms;font-size:.9rem}.companion-cat.is-reacting .companion-hearts i:nth-child(3){animation-delay:.29s;font-size:1.2rem}.companion-cat.is-reacting .companion-hearts i:nth-child(4){animation-delay:435ms;font-size:.85rem}.companion-cat.is-reacting .companion-hearts i:nth-child(5){animation-delay:.58s;font-size:1rem}.companion-platform{position:absolute;bottom:16px;width:min(205px,90%);height:40px;border-radius:50%;border:2px solid rgba(119,226,230,.62);background:radial-gradient(ellipse at 50% 32%,#2c6577,#173e59 68%,#0d2945);box-shadow:0 11px #0b233c,0 16px 25px #00000061,inset 0 4px 11px #82e9e72e;z-index:1;pointer-events:none}.companion-invite{position:absolute;inset:0;z-index:8;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;min-height:0;padding:.65rem;background:#050f209e;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:0;pointer-events:none;transition:opacity .32s ease}.companion-invite[hidden]{display:none}.companion-invite.is-visible{opacity:1;pointer-events:auto}.companion-dialog{position:relative;width:min(100%,390px);max-height:100%;overflow-y:auto;padding:.8rem 1.15rem .65rem;border:1px solid rgba(110,230,218,.52);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(57,212,255,.18),transparent 65%),linear-gradient(145deg,#1b385a,#0d1d37);box-shadow:0 20px 48px #0000006b,0 0 34px #43f2cf14;text-align:center;transform:translateY(12px) scale(.96);transition:transform .36s cubic-bezier(.2,.8,.2,1)}.companion-invite.is-visible .companion-dialog{transform:translateY(0) scale(1)}.companion-close{position:absolute;top:.55rem;right:.65rem;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(157,211,232,.28);border-radius:10px;background:#091a30ad;color:#d6eafa;font-size:1.3rem;cursor:pointer}.companion-close:hover,.companion-close:focus-visible{background:#39d4ff2e;border-color:#8fe7ffb3}.companion-dialog-paw{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(67,242,207,.4);border-radius:14px;background:#43f2cf1a;font-size:1.15rem}.companion-dialog .companion-dialog-eyebrow{margin:.25rem 0 .1rem;color:#7fead6;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.companion-dialog h3{margin:0 0 .25rem;color:#f4fbff;font-size:clamp(1.15rem,2.5vw,1.45rem);line-height:1.15}.companion-dialog>p:not(.companion-dialog-eyebrow){max-width:35ch;margin:0 auto .5rem;color:#c5d9ec;font-size:.82rem;line-height:1.4}.companion-invite .btn{padding:.55rem .85rem;font-size:.82rem}.article-companion .companion-copy{position:relative;z-index:1;padding:.2rem 0 .35rem}
.article-companion .companion-copy>.eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:.4rem .72rem;margin:0 0 .85rem;border:1px solid rgba(67,242,207,.3);border-radius:999px;background:rgba(67,242,207,.085);color:#92f6e2;font-size:.7rem;font-weight:800;letter-spacing:.085em;text-transform:uppercase}
.article-companion .companion-copy h2{max-width:25rem;margin:0 0 .85rem;font-size:clamp(1.55rem,3.15vw,2.15rem);line-height:1.16;letter-spacing:-.035em;color:#f4faff;text-wrap:balance}
.article-companion .companion-copy h2 span{display:inline-block;font-size:.75em;vertical-align:baseline}
.article-companion .companion-copy>p:not(.eyebrow){max-width:36ch;margin:0 0 1.1rem;color:#bcd1e9;font-size:clamp(.88rem,1.45vw,.98rem);line-height:1.7}
.companion-prompt{display:inline-flex;align-items:center;gap:.65rem;max-width:100%;padding:.65rem .85rem;border:1px solid rgba(104,186,223,.3);border-radius:13px;background:linear-gradient(100deg,rgba(57,212,255,.09),rgba(67,242,207,.055));color:#e0f5fc;font-size:.84rem;line-height:1.45;font-weight:650;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.companion-prompt-icon{display:grid;flex:0 0 29px;width:29px;height:29px;place-items:center;border-radius:10px;background:rgba(67,242,207,.16);color:#71efd8;font-size:1.25rem;line-height:1}
@media(max-width:700px){.article-companion .companion-copy{display:flex;flex-direction:column;align-items:center}.article-companion .companion-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.companion-prompt{text-align:left}}
@keyframes companion-tail{0%,to{transform:rotate(-5deg)}50%{transform:rotate(10deg)}}@keyframes companion-ear-left{0%,88%,to{transform:rotate(0)}92%{transform:rotate(-8deg)}}@keyframes companion-ear-right{0%,78%,to{transform:rotate(0)}83%{transform:rotate(8deg)}}@keyframes companion-blink{0%,45%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.08)}}@keyframes companion-happy{0%,to{transform:scale(1)}35%{transform:scale(1.035) rotate(-1deg)}70%{transform:scale(.99) rotate(1deg)}}@keyframes companion-heart-trail{0%{opacity:0;transform:translateY(8px) rotate(-14deg) scale(.45)}18%{opacity:1}75%{opacity:.9}to{opacity:0;transform:translate(52px,-76px) rotate(14deg) scale(1.05)}}@media(max-width:700px){.article-companion{grid-template-columns:1fr;text-align:center}.article-companion .companion-copy>p:not(.eyebrow){margin-right:auto;margin-left:auto}.companion-stage{min-height:255px}.companion-dialog{padding:.75rem 1rem .6rem}.companion-invite{padding:.55rem}}@media(prefers-reduced-motion:reduce){.article-companion .companion-pet-svg .tail,.article-companion .companion-pet-svg .earL,.article-companion .companion-pet-svg .earR,.article-companion .companion-pet-svg .eye,.article-companion .companion-cat.is-reacting svg,.companion-cat.is-reacting .companion-hearts i{animation:none!important}.article-companion .companion-head,.article-companion .companion-pet-svg .companion-gaze,.companion-invite,.companion-dialog{transition:none!important}.companion-cat.is-reacting .companion-hearts i{opacity:1}}

/* Mobile layout and navigation: polished dropdown with accessible toggle. */
.site-header .nav-wrap{position:relative}
.editorial-mobile-links,.editorial-mobile-menu{box-sizing:border-box}
@media(max-width:760px){
 .site-header{z-index:100;isolation:isolate}
 .site-header .nav-wrap{min-height:72px;gap:10px;flex-wrap:nowrap}
 .site-header .editorial-brand{min-width:0;flex:1 1 auto;margin-right:0}
 .site-header .editorial-brand-text{white-space:nowrap}
 .site-header .editorial-top-cta{order:2;flex:0 0 auto;min-height:43px;padding:11px 13px}
 .site-header .editorial-mobile-menu{display:block;position:static;order:3;flex:0 0 auto}
 .editorial-menu-toggle{appearance:none;-webkit-appearance:none;display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:43px;padding:10px 14px;border:1px solid rgba(122,178,222,.4);border-radius:13px;background:linear-gradient(145deg,rgba(31,56,88,.97),rgba(19,38,69,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);color:#eaf6ff;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;touch-action:manipulation}
 .editorial-menu-toggle:hover,.editorial-menu-toggle[aria-expanded="true"]{border-color:rgba(67,242,207,.65);background:linear-gradient(135deg,#244968,#173c53);box-shadow:0 0 0 3px rgba(67,242,207,.06)}
 .editorial-menu-toggle:focus-visible{outline:2px solid #7cf8e6;outline-offset:3px}
 .editorial-menu-icon{width:18px;height:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:none}
 .editorial-menu-icon i{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .16s ease}
 .editorial-menu-toggle[aria-expanded="true"] .editorial-menu-icon i:first-child{transform:translateY(6px) rotate(45deg)}
 .editorial-menu-toggle[aria-expanded="true"] .editorial-menu-icon i:nth-child(2){opacity:0;transform:scaleX(.3)}
 .editorial-menu-toggle[aria-expanded="true"] .editorial-menu-icon i:last-child{transform:translateY(-6px) rotate(-45deg)}
 .site-header .editorial-mobile-links{position:absolute;z-index:150;top:calc(100% + 8px);left:0;right:0;width:auto;max-width:none;display:flex;flex-direction:column;gap:5px;margin:0;padding:13px;border:1px solid rgba(109,167,210,.4);border-radius:19px;background:linear-gradient(155deg,#192f50 0%,#10243e 58%,#0b1e33 100%);box-shadow:0 24px 65px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.06);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-13px) scale(.985);transform-origin:top center;transition:opacity .25s ease,transform .34s cubic-bezier(.16,1,.3,1),visibility .25s;}
 .site-header .editorial-mobile-menu.is-open .editorial-mobile-links{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
 .site-header .editorial-mobile-links a{display:flex;align-items:center;min-height:47px;width:100%;box-sizing:border-box;margin:0;padding:13px 17px;border-radius:12px;border:1px solid transparent;color:#e3edfc;text-decoration:none;font-size:14px;font-weight:650;line-height:1.45;overflow-wrap:break-word;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
 .site-header .editorial-mobile-links a:hover,.site-header .editorial-mobile-links a:focus-visible{background:rgba(86,171,190,.13);color:#fff;transform:translateX(2px)}
 .site-header .editorial-mobile-links a[aria-current="page"]{background:rgba(67,242,207,.1);color:#91f5e6;border-color:rgba(67,242,207,.16)}
 .site-header .editorial-mobile-links .editorial-mobile-cta{margin-top:6px;min-height:49px;justify-content:center;gap:10px;text-align:center;background:linear-gradient(110deg,#39d4ff,#43f2cf);color:#06192b!important;font-weight:800;border:0;box-shadow:0 10px 24px rgba(43,218,219,.15)}
 .site-header .editorial-mobile-links .editorial-mobile-cta:hover,.site-header .editorial-mobile-links .editorial-mobile-cta:focus-visible{background:linear-gradient(110deg,#65dcff,#72ffe0);color:#06192b!important;transform:none}
 .main-content>.breadcrumbs{gap:7px 9px;padding:5px 3px;margin-bottom:20px;overflow-wrap:anywhere}
 .main-content>.breadcrumbs a{display:inline-flex;align-items:center;min-height:30px;padding:3px 2px;line-height:1.4}
 .reader-nav{padding:16px!important;margin:0 0 20px!important;gap:9px!important;border:1px solid rgba(105,155,198,.24);border-radius:17px;background:rgba(15,32,58,.68)}
 .reader-nav a{box-sizing:border-box;min-height:37px;display:inline-flex;align-items:center;padding:8px 12px!important;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
 .related-posts{padding:24px 19px!important}
 .related-posts .related-grid{gap:13px}
 .related-posts .related-card{min-width:0;padding:20px 19px!important}
 .related-posts .related-card h3,.related-posts .related-card p{overflow-wrap:anywhere}
 .site-footer .footer-links{justify-content:center;gap:9px 12px;padding:5px 0}
 .site-footer .footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;border-radius:9px;background:rgba(115,162,204,.07);line-height:1.4}
}
@media(max-width:480px){
 .site-header .nav-wrap{gap:8px}
 .site-header .editorial-brand-text{font-size:19px}
 .site-header .editorial-top-cta{font-size:10px;padding:10px 11px}
 .editorial-menu-toggle{padding:10px 11px;gap:7px}
 .editorial-menu-label{font-size:11px}
 .site-header .editorial-mobile-links{padding:11px}
 .related-posts{padding:21px 17px!important}
 .related-posts .related-card{padding:18px 17px!important}
 .reader-nav{padding:13px!important;gap:8px!important}
}
@media(max-width:360px){.editorial-menu-label{display:none}.site-header .editorial-brand-text{font-size:18px}.site-header .editorial-top-cta{font-size:10px;padding:9px 9px}.editorial-menu-toggle{width:43px;padding:10px}}
@media(prefers-reduced-motion:reduce){.site-header .editorial-mobile-links,.site-header .editorial-menu-toggle,.site-header .editorial-menu-icon i,.site-header .editorial-mobile-links a{transition:none!important}}

/* Footer links: static position on hover/focus, color highlight only. */
.site-footer .footer-links a,
.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible,
.site-footer .footer-links a:active {
  transform: none !important;
  translate: none !important;
  text-decoration: none !important;
}
.site-footer .footer-links a {
  transition: color .24s ease, text-shadow .24s ease !important;
}

/* Stronger contrast: cluster cards sit visibly deeper than the enclosing cluster panel. */
.main-content > .article-clusters .related-card {
  background:linear-gradient(155deg,#081327 0%,#060e1d 100%);
  border-color:rgba(105,158,201,.32);
  box-shadow:0 10px 28px rgba(0,0,0,.26);
}
.main-content > .article-clusters .related-card:hover,
.main-content > .article-clusters .related-card:focus-visible {
  background:linear-gradient(155deg,#10213a 0%,#0a162a 100%);
  border-color:rgba(67,242,207,.56);
  box-shadow:0 13px 30px rgba(0,0,0,.3),0 0 0 1px rgba(57,212,255,.09);
}
@media(hover:none){
  .main-content > .article-clusters .related-card:active{
    background:linear-gradient(155deg,#10213a 0%,#0a162a 100%);
  }
}


/* Unified Beairo editorial experience. Added after original article styles. */
:root{--editorial-bg:#070d1a;--editorial-accent:#39d4ff;--editorial-mint:#43f2cf}
html{scroll-padding-top:106px}
body{background:radial-gradient(ellipse 65% 28% at 88% 2%,rgba(57,212,255,.13),transparent 75%),radial-gradient(ellipse 54% 25% at 0% 31%,rgba(67,242,207,.075),transparent 75%),linear-gradient(180deg,#101f3a 0%,#0b152a 45%,#070d1a 100%);background-attachment:fixed;letter-spacing:0}
body:before{opacity:.095}
.shell{width:min(1160px,calc(100% - 40px))}
.site-header{background:rgba(8,16,32,.89);border-bottom:1px solid rgba(104,151,204,.17);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.site-header .nav-wrap{min-height:78px;padding:10px 0;display:flex;gap:22px}
.editorial-brand{display:inline-flex;align-items:center;gap:11px;color:#f1f8ff!important;text-decoration:none!important;white-space:nowrap}
.editorial-brand-logo{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(57,212,255,.36);background:linear-gradient(145deg,#14274a,#070d1a);box-shadow:0 0 22px rgba(57,212,255,.1)}
.editorial-brand-logo img{display:block;width:36px;height:36px;object-fit:contain}
.editorial-brand-text{font-size:24px;font-weight:800;letter-spacing:-.9px}
.site-header .editorial-navigation{display:flex;align-items:center;gap:28px;margin-left:auto}
.site-header .editorial-navigation a{color:#bbcae8;font-weight:600;font-size:14px;transition:color .2s}
.site-header .editorial-navigation a:hover,.site-header .editorial-navigation a[aria-current]{color:#71ebd8}
.site-header .editorial-top-cta,.editorial-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;border:0;border-radius:14px;background:linear-gradient(110deg,#39d4ff,#43f2cf);color:#071629!important;font-weight:800;text-decoration:none!important;box-shadow:0 12px 34px rgba(57,212,255,.18);transition:transform .2s,box-shadow .2s}
.site-header .editorial-top-cta{font-size:13px;padding:13px 18px;white-space:nowrap}
.editorial-primary-btn{padding:15px 23px;font-size:14px}
.site-header .editorial-top-cta:hover,.editorial-primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(57,212,255,.29)}
.main-content{padding-top:23px}
.main-content>.breadcrumbs{margin:0 auto 22px;padding:0;border:0;background:none;color:#92a7ca;font-size:12px;gap:9px}
.main-content>.breadcrumbs a{color:#b8d9f6}
.page{display:grid;grid-template-columns:minmax(0,1fr) 274px;column-gap:36px;align-items:start}
.page>.editorial-hero{grid-column:1/-1;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:420px;overflow:hidden;margin:0 0 32px;padding:clamp(28px,5vw,58px);padding-right:min(42%,460px);background:radial-gradient(circle at 82% 35%,rgba(57,212,255,.15),transparent 35%),linear-gradient(130deg,rgba(25,44,79,.97),rgba(12,24,47,.99));border:1px solid rgba(91,144,210,.37);border-radius:28px;box-shadow:0 24px 75px rgba(0,0,0,.28)}
.editorial-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 47%)}
.editorial-hero>.eyebrow{align-self:flex-start;display:inline-flex;align-items:center;background:rgba(57,212,255,.095);border:1px solid rgba(57,212,255,.23);border-radius:99px;padding:8px 12px;color:#a9f3f9;font-size:11px;letter-spacing:.075em;position:relative;z-index:1}
.editorial-hero h1{position:relative;z-index:1;font-size:clamp(35px,4.8vw,60px);line-height:1.07;letter-spacing:-2px;max-width:680px;margin:21px 0 20px;text-wrap:balance}
.editorial-gradient{background:linear-gradient(105deg,#66e1ff,#74f2d8);color:transparent;-webkit-background-clip:text;background-clip:text}
.editorial-hero .lead{position:relative;z-index:1;color:#bdcee9;font-size:16px;line-height:1.75;max-width:600px}
.editorial-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;position:relative;z-index:1}
.editorial-hero-actions>span{color:#a5bdd6;font-size:11px}
.editorial-meta{position:relative;z-index:1;margin-top:18px;color:#a9bbd9;font-size:12px;display:flex;gap:16px;flex-wrap:wrap}
.editorial-hero-visual{position:absolute;right:35px;top:0;bottom:0;width:39%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.editorial-halo{position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid rgba(67,242,207,.12);box-shadow:0 0 0 38px rgba(57,212,255,.025),0 0 0 86px rgba(57,212,255,.022)}
.editorial-device{position:relative;z-index:1;transform:rotate(4deg);width:245px;padding:21px 18px 20px;border:1px solid #5576a3;border-radius:27px;background:linear-gradient(160deg,#1b3558,#0b182f);box-shadow:0 32px 65px rgba(0,0,0,.45),0 0 0 6px rgba(255,255,255,.035)}
.editorial-device-top{display:flex;justify-content:space-between;color:#8fe5e6;font-weight:800;font-size:13px}
.editorial-device-pet{width:112px;height:112px;display:grid;place-items:center;margin:12px auto;background:radial-gradient(circle,#3b7a87,#122a47 75%);border:1px solid rgba(67,242,207,.25);border-radius:50%;font-size:55px}
.editorial-device-heading{text-align:center;font-size:18px;font-weight:800;color:#eef6ff}
.editorial-device-sub{text-align:center;font-size:10px;color:#a8bfdc;margin:5px 0 17px}
.editorial-device-line{display:flex;align-items:center;gap:9px;margin:8px 0;padding:9px 10px;font-size:11px;color:#d2e4f5;background:rgba(110,157,211,.11);border:1px solid rgba(137,181,222,.16);border-radius:10px}
.editorial-device-line>span{font-size:16px;color:#54e7da}.editorial-device-line b{margin-left:auto;color:#73e9bd}
.editorial-floating{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;max-width:167px;padding:11px 12px;border:1px solid rgba(117,188,219,.26);border-radius:14px;background:rgba(25,47,78,.91);box-shadow:0 12px 32px rgba(0,0,0,.22);font-size:10px;font-weight:700;color:#dbeaf8;backdrop-filter:blur(5px)}
.editorial-floating-a{left:0;top:27%}.editorial-floating-b{right:-10px;bottom:23%}
.page>.article{grid-column:1;grid-row:2;min-width:0;width:100%;margin:0;padding:clamp(24px,3.4vw,43px);background:linear-gradient(160deg,rgba(18,32,58,.96),rgba(11,22,42,.97));border:1px solid rgba(98,147,196,.26);border-radius:24px;box-shadow:0 18px 55px rgba(0,0,0,.17)}
.page>.article .article-intro{font-size:clamp(16px,1.65vw,19px);line-height:1.8;color:#dce9f9;border-left:3px solid #43f2cf;padding-left:19px;margin-top:0}
.page>.article h2{scroll-margin-top:110px;color:#eff6ff;letter-spacing:-.65px}
.page>.article>h2{margin-top:36px}
.page>.article p,.page>.article li{line-height:1.84}
.page>.article a:not(.companion-invite-cta){text-underline-offset:3px}
.page>.article .takeaways{background:linear-gradient(135deg,rgba(30,62,93,.68),rgba(21,44,72,.65));border:1px solid rgba(77,170,174,.3);border-radius:18px;padding:23px 27px}
.page>.article .takeaways h2{margin-top:0}
.page>.article .article-companion{border-radius:22px;border-color:rgba(73,179,192,.3);box-shadow:0 18px 45px rgba(0,0,0,.13)}
.page>.editorial-sidebar{grid-column:2;grid-row:2;min-width:0}
.editorial-toc{position:sticky;top:106px;border-radius:20px;padding:23px 20px;background:linear-gradient(145deg,rgba(22,40,72,.93),rgba(12,26,47,.95));border:1px solid rgba(98,147,196,.26);box-shadow:0 12px 40px rgba(0,0,0,.13)}
.editorial-toc-kicker{font-size:11px;letter-spacing:.09em;color:#64e4de;font-weight:800;margin-bottom:14px}
.editorial-toc>a{display:block;padding:10px 2px;font-size:12px;line-height:1.45;color:#bed0ec;text-decoration:none;border-bottom:1px solid rgba(128,170,206,.1);transition:color .2s,padding .2s}
.editorial-toc>a:hover{color:#70e9df;padding-left:6px}
.editorial-toc-footer{margin-top:22px;padding:18px 15px;border:1px solid rgba(67,242,207,.19);border-radius:15px;background:rgba(37,83,94,.23)}
.editorial-toc-footer>span{font-size:21px}.editorial-toc-footer strong{display:block;margin:8px 0;color:#f0f9ff;font-size:13px}.editorial-toc-footer p{font-size:12px;color:#b7cae3;line-height:1.6;margin:6px 0 13px}.editorial-toc-footer a{font-size:12px;font-weight:800;color:#7feedd;text-decoration:none}
.related-posts{margin-top:35px!important;padding:0 0 20px}
.related-posts h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.8px}
.related-posts a{transition:transform .2s,box-shadow .2s}
.related-posts a:hover{transform:translateY(-3px)}
.site-footer{border-top:1px solid rgba(98,147,196,.2);background:rgba(6,13,26,.55)}
.site-footer .footer-inner{padding-top:26px;padding-bottom:28px}
:focus-visible{outline:2px solid #6df1d8!important;outline-offset:4px}
@media(max-width:960px){.page{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.page>.editorial-hero{padding-right:38%}.editorial-hero-visual{right:2px;width:38%}.editorial-device{transform:scale(.83) rotate(4deg)}.editorial-floating{display:none}.editorial-hero h1{font-size:clamp(31px,4.5vw,48px)}.editorial-toc{padding:18px 15px}}
@media(max-width:760px){.site-header .nav-wrap{min-height:65px;gap:10px}.editorial-brand-logo{width:36px;height:36px}.editorial-brand-logo img{width:30px;height:30px}.editorial-brand-text{font-size:20px}.site-header .editorial-navigation{gap:13px}.site-header .editorial-navigation a{font-size:12px}.site-header .editorial-navigation a:nth-child(2){display:none}.site-header .editorial-top-cta{font-size:11px;padding:10px}.page{display:block}.page>.editorial-hero{min-height:0;padding:31px 25px;margin-bottom:18px}.editorial-hero-visual{display:none}.editorial-hero h1{font-size:clamp(34px,8vw,49px);letter-spacing:-1.4px}.editorial-hero .lead{font-size:15px}.page>.article{padding:27px 23px}.page>.editorial-sidebar{display:none}.main-content>.breadcrumbs{font-size:11px}.related-posts{margin-top:25px!important}}
@media(max-width:410px){.shell{width:calc(100% - 26px)}.site-header .editorial-navigation a:first-child{display:none}.site-header .editorial-top-cta{font-size:10px}.editorial-hero-actions{gap:11px}.editorial-primary-btn{width:100%;padding:13px 16px}.editorial-hero-actions>span{width:100%;text-align:center}.editorial-hero .eyebrow{font-size:10px}.page>.article{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.editorial-primary-btn,.editorial-top-cta,.related-posts a{transition:none!important}}


/* Responsive refinements: nav, related reading and footer */
.site-header{position:relative;z-index:50}
.editorial-mobile-menu{display:none}
.main-content>.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;row-gap:7px;line-height:1.55}
.main-content>.breadcrumbs>span:last-child{overflow-wrap:anywhere}
.related-posts{margin-top:34px!important;margin-bottom:44px;padding:32px!important;border:1px solid rgba(98,147,196,.23);border-radius:23px;background:linear-gradient(145deg,rgba(18,35,63,.86),rgba(9,20,39,.86))}
.related-posts .related-head{margin-bottom:23px}
.related-posts .related-head .eyebrow{margin-bottom:9px}
.related-posts .related-head h2{margin:0;line-height:1.2}
.related-posts .related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.related-posts .related-card{display:flex;flex-direction:column;min-width:0;height:100%;margin:0;padding:23px;border:1px solid rgba(105,158,201,.25);border-radius:17px;background:rgba(20,42,73,.72);text-decoration:none;overflow-wrap:anywhere}
.related-posts .related-card .related-meta{margin:0 0 11px;line-height:1.35}
.related-posts .related-card h3{margin:0 0 11px;line-height:1.3}
.related-posts .related-card p:last-child{margin:0;line-height:1.65}
.site-footer .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px 30px;flex-wrap:wrap;padding-top:29px;padding-bottom:29px}
.site-footer .footer-inner>p{margin:0;line-height:1.6}
.site-footer .footer-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px 23px;margin:0}
.site-footer .footer-links a{display:inline-block;margin:0;padding:7px 0;line-height:1.5;text-decoration:none}
.site-footer .footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){
 .site-header .nav-wrap{min-height:68px;gap:10px;padding:9px 0}
 .site-header .editorial-navigation{display:none}
 .editorial-brand{margin-right:auto}
 .editorial-mobile-menu{display:block;position:relative;order:2;margin-left:0}
 .editorial-mobile-menu summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 11px;border:1px solid rgba(106,164,206,.32);border-radius:12px;background:rgba(23,45,76,.95);color:#e2eefb;font-size:12px;font-weight:700;cursor:pointer;user-select:none}
 .editorial-mobile-menu summary::-webkit-details-marker{display:none}
 .editorial-mobile-menu summary:focus-visible{outline:2px solid #71e9da;outline-offset:3px}
 .editorial-menu-icon{display:flex;flex-direction:column;gap:4px}
 .editorial-menu-icon i{display:block;width:16px;height:2px;background:currentColor;border-radius:2px}
 .editorial-mobile-links{position:absolute;right:0;top:calc(100% + 12px);z-index:80;display:flex;flex-direction:column;gap:3px;width:min(275px,calc(100vw - 32px));padding:9px;border-radius:16px;border:1px solid rgba(99,166,203,.38);background:#10233c;box-shadow:0 18px 45px rgba(0,0,0,.47)}
 .editorial-mobile-links a{display:block;padding:13px 14px;border-radius:10px;color:#ddecf9;text-decoration:none;font-size:14px;line-height:1.4;font-weight:600}
 .editorial-mobile-links a:hover,.editorial-mobile-links a[aria-current]{background:rgba(67,242,207,.11);color:#8af4e1}
 .site-header .editorial-top-cta{order:1;padding:11px 12px;font-size:11px;min-height:42px}
 .related-posts{padding:24px!important;margin-bottom:30px}
 .related-posts .related-grid{gap:12px}
 .related-posts .related-card{padding:19px}
 .site-footer .footer-inner{flex-direction:column;align-items:center;gap:14px;text-align:center}
 .site-footer .footer-links{justify-content:center;gap:4px 20px}
}
@media(max-width:570px){
 .related-posts .related-grid{grid-template-columns:1fr;gap:12px}
 .related-posts .related-card{padding:19px 20px}
 .related-posts .related-head{margin-bottom:18px}
 .related-posts{padding:21px 18px!important;border-radius:19px}
 .page>.article{border-radius:19px}
 .main-content>.breadcrumbs{margin-bottom:16px}
}
@media(max-width:410px){
 .site-header .nav-wrap{gap:8px}
 .editorial-brand{gap:7px}
 .editorial-brand-text{font-size:19px}
 .editorial-mobile-menu summary{font-size:0;padding:10px 12px}
 .editorial-menu-icon i{width:18px}
 .site-header .editorial-top-cta{padding:10px 11px;font-size:10px}
 .site-footer .footer-links{column-gap:17px;row-gap:2px}
}


.grooming-sources{margin-top:24px;font-size:12px;line-height:1.6;color:#9eb2c9}.grooming-sources a{color:#89e8de;text-underline-offset:3px}.article h2{scroll-margin-top:94px}

/* Footer links and responsive topical clusters */
.site-footer .footer-links a,
.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible{
  text-decoration:none!important;
  text-underline-offset:initial;
}
.site-footer .footer-links a{
  border-radius:10px;
  transition:color .2s ease,background-color .2s ease,transform .2s ease;
}
.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible{
  color:#a5fff0;
  background:rgba(75,215,218,.12);
}
.main-content > .article-clusters{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:22px;
}
.article-clusters .related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  min-width:0;
  gap:14px;
}
.article-clusters .related-card{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
  transition:transform .2s ease,border-color .2s ease,background-color .2s ease;
}
.article-clusters .related-card:hover{background:rgba(30,62,94,.88)}
@media(max-width:640px){
  .main-content > .article-clusters{
    padding:20px 16px!important;
    margin-top:16px;
    margin-bottom:24px;
    border-radius:18px;
  }
  .article-clusters .related-grid{grid-template-columns:minmax(0,1fr);gap:11px}
  .article-clusters .related-card{width:100%;min-width:0;padding:17px 16px!important}
  .article-clusters .related-head{max-width:100%;margin-bottom:15px}
  .article-clusters .related-head h2{overflow-wrap:break-word}
  .site-footer .footer-links{justify-content:center;column-gap:8px;row-gap:8px;width:100%}
  .site-footer .footer-links a{padding:8px 11px;min-height:36px;box-sizing:border-box}
}
@media(max-width:370px){
  .main-content > .article-clusters{padding:17px 12px!important}
  .article-clusters .related-card{padding:15px 13px!important}
}
@media(prefers-reduced-motion:reduce){
  .site-footer .footer-links a,.article-clusters .related-card{transition:none!important}
}


/* Beairo article layout: unified full-width blocks */
.shell{box-sizing:border-box;width:min(1160px,calc(100% - 40px));max-width:100%;margin-inline:auto}
.main-content{min-width:0}
.main-content>.page,.main-content>.breadcrumbs,.main-content>.article-clusters{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin-inline:0}
.main-content .page>.editorial-hero{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin-inline:0}
.main-content>.article-clusters{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0;margin-inline:0!important}
.page>.article,.page>.editorial-sidebar,.page>.editorial-hero,.article-clusters .related-card{min-width:0;box-sizing:border-box}
.article-clusters .related-grid{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.article-clusters .related-card{width:100%;max-width:100%}
@media(max-width:760px){.page>.editorial-hero,.page>.article,.main-content>.article-clusters{width:100%!important;max-width:100%!important}.page>.editorial-hero{margin-inline:0}}
@media(max-width:640px){.article-clusters .related-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:410px){.shell{width:calc(100% - 26px)}.main-content>.article-clusters{padding-inline:15px!important}}
/* Homepage-matched animated brand */
.site-header .editorial-brand-logo{box-sizing:border-box;overflow:hidden;padding:5px;width:43px;height:43px;flex:0 0 43px;border-radius:14px;border:1px solid rgba(57,212,255,.45);background:linear-gradient(145deg,#14274a,#070d1a);box-shadow:0 0 30px rgba(57,212,255,.13);transition:transform .4s cubic-bezier(.2,.75,.25,1),box-shadow .4s cubic-bezier(.2,.75,.25,1)}
.site-header .editorial-brand-logo img{display:block;width:calc(100% + 6px);height:calc(100% + 6px);margin:-3px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 0 8px rgba(57,212,255,.16));transition:transform .4s cubic-bezier(.2,.75,.25,1)}
.site-header .editorial-brand:hover .editorial-brand-logo,.site-header .editorial-brand:focus-visible .editorial-brand-logo{transform:rotate(-8deg) scale(1.08);box-shadow:0 0 28px rgba(57,212,255,.25)}
.site-header .editorial-brand:hover .editorial-brand-logo img{transform:scale(1.04)}
/* Homepage-style footer links */
.site-footer .footer-links{display:flex;gap:12px 22px;flex-wrap:wrap;align-items:center}
.site-footer .footer-links a,.site-footer .footer-links a:hover,.site-footer .footer-links a:focus-visible{background:transparent!important;text-decoration:none!important;box-shadow:none!important}
.site-footer .footer-links a{color:#a8bedc;padding:7px 0!important;min-height:0;line-height:1.4;font-weight:600;transition:color .25s ease,transform .25s ease,text-shadow .25s ease}
.site-footer .footer-links a:hover,.site-footer .footer-links a:focus-visible{color:#43f2cf;transform:translateY(-2px);text-shadow:0 0 16px rgba(67,242,207,.3)}
/* Back to top: smooth floating action */
.to-top-fab{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#183456,#0b1b34);border:1px solid rgba(95,209,223,.52);color:#defaff;box-shadow:0 9px 24px rgba(0,0,0,.23),0 0 18px rgba(57,212,255,.1);transition:opacity .25s ease,visibility .25s ease,transform .32s cubic-bezier(.2,.75,.25,1),border-color .25s ease,box-shadow .25s ease,color .25s ease}
body.show-to-top .to-top-fab{transform:translateY(0)}
.to-top-fab:hover,.to-top-fab:focus-visible{transform:translateY(-5px) scale(1.06)!important;color:#43f2cf;border-color:#43f2cf;box-shadow:0 12px 32px rgba(0,0,0,.25),0 0 24px rgba(67,242,207,.27)}
.to-top-fab:active{transform:translateY(-1px) scale(.96)!important}
/* FAQ: smooth accordion and readable spacing */
.faq-block details{overflow:hidden;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}
.faq-block details[open]{border-color:rgba(67,242,207,.38);background:#132b46}
.faq-block summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:32px}
.faq-block summary::-webkit-details-marker{display:none}
.faq-block summary::after{content:'+';font-size:22px;line-height:1;color:#43f2cf;flex:0 0 auto;transition:transform .3s ease}
.faq-block details[open] summary::after{transform:rotate(45deg)}
.faq-block .faq-answer{overflow:hidden}
.faq-block .faq-answer-inner{padding-top:9px;padding-bottom:3px}
.faq-block .faq-answer-inner p{margin:0;line-height:1.7}
@media(max-width:760px){.site-footer .footer-links{justify-content:center;gap:7px 20px}.site-footer .footer-links a{padding:9px 3px!important}}
@media(prefers-reduced-motion:reduce){.site-header .editorial-brand-logo,.site-header .editorial-brand-logo img,.to-top-fab,.site-footer .footer-links a,.faq-block details,.faq-block summary::after{transition:none!important}}


/* Targeted revision: do not alter the article column or its TOC. */
/* Shared outer boundaries for header and the related-links section. */
.site-header .shell,
.main-content.shell {
  box-sizing:border-box;
  width:min(1160px,calc(100% - 40px))!important;
  max-width:100%;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Clusters are a direct child of main; their own shell must not subtract gutters again. */
.main-content > .article-clusters.shell {
  box-sizing:border-box;
  width:100%!important;
  max-width:100%!important;
  min-width:0;
  margin-left:0!important;
  margin-right:0!important;
}
.main-content > .article-clusters .related-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px;
  width:100%;
  max-width:100%;
  min-width:0;
}
.main-content > .article-clusters .related-card {
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  box-sizing:border-box;
}
@media(max-width:980px){
  .main-content > .article-clusters .related-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  .main-content > .article-clusters .related-grid {grid-template-columns:minmax(0,1fr)!important;}
  .site-header .shell,.main-content.shell {width:calc(100% - 32px)!important;}
  .main-content > .article-clusters.shell {width:100%!important;}
}
@media(max-width:410px){
  .site-header .shell,.main-content.shell {width:calc(100% - 26px)!important;}
}
/* Footer: text links from second source, without button surfaces or underlines. */
.site-footer .footer-links {display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;}
.site-footer .footer-links a,
.site-footer .footer-links a:link,
.site-footer .footer-links a:visited {
  display:inline!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  color:#bfd1e8!important;
  font-weight:600;
  transition:color .24s ease,text-shadow .24s ease!important;
}
.site-footer .footer-links a:hover,.site-footer .footer-links a:focus-visible {
  color:#91edfa!important;
  text-decoration:none!important;
  text-shadow:0 0 14px rgba(57,212,255,.38);
}
.site-footer .footer-links a:focus-visible {outline:2px solid #91edfa;outline-offset:5px;}
@media(prefers-reduced-motion:reduce){.site-footer .footer-links a{transition:none!important;}}


/* Restored application CTA beside Articles on desktop and inside mobile menu. */
.site-header .editorial-top-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;white-space:nowrap;min-height:42px;padding:10px 17px;font-size:13px;line-height:1.2;border:0;border-radius:14px;background:linear-gradient(110deg,#39d4ff,#43f2cf);color:#071629!important;font-weight:800;text-decoration:none!important;box-shadow:0 12px 34px rgba(57,212,255,.18);transition:transform .2s ease,box-shadow .2s ease}
.site-header .editorial-top-cta span{display:inline-block;font-size:17px;transition:transform .24s ease}
.site-header .editorial-top-cta:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(57,212,255,.29)}
.site-header .editorial-top-cta:hover span{transform:translate(2px,-2px)}
.site-header .editorial-mobile-links .editorial-mobile-app{display:none}
@media(max-width:760px){
.site-header .editorial-top-cta{display:none!important}
.site-header .editorial-mobile-links .editorial-mobile-app{display:flex!important;justify-content:center;align-items:center;margin-top:6px;min-height:44px;border-radius:11px;background:linear-gradient(110deg,#39d4ff,#43f2cf);color:#071629!important;font-weight:800;text-decoration:none!important;box-shadow:0 8px 25px rgba(57,212,255,.12);transition:filter .2s ease}
.site-header .editorial-mobile-links .editorial-mobile-app:hover{filter:brightness(1.08)}
}
@media(prefers-reduced-motion:reduce){.site-header .editorial-top-cta,.site-header .editorial-top-cta span,.site-header .editorial-mobile-links .editorial-mobile-app{transition:none!important}}


/* Mobile header: logo and menu button share a single centered row. */
@media (max-width:760px) {
  .site-header .nav-wrap {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
  }
  .site-header .editorial-brand {
    display:inline-flex!important;
    align-items:center!important;
    flex:0 1 auto!important;
    min-width:0!important;
    margin-right:auto!important;
  }
  .site-header .editorial-mobile-menu {
    display:block!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
    align-self:center!important;
  }
  .site-header .editorial-menu-toggle {vertical-align:middle;}
  .site-header .editorial-navigation,
  .site-header .editorial-top-cta {display:none!important;}
}


/* Cluster article links: familiar subtle accent treatment, using the current Beairo palette. */
.main-content > .article-clusters .related-card{
  position:relative;
  isolation:isolate;
  border-color:rgba(105,158,201,.27);
  background:rgba(20,42,73,.72);
  box-shadow:0 8px 22px rgba(2,9,23,.12);
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.main-content > .article-clusters .related-card h3{
  color:#e8f5ff;
  transition:color .22s ease;
}
.main-content > .article-clusters .related-card h3::after{
  content:"";
  display:block;
  width:0;
  max-width:100%;
  height:2px;
  margin-top:8px;
  border-radius:99px;
  background:linear-gradient(90deg,#39d4ff,#43f2cf);
  transition:width .26s ease;
}
.main-content > .article-clusters .related-card:hover,
.main-content > .article-clusters .related-card:focus-visible{
  background:rgba(27,57,90,.93);
  border-color:rgba(67,242,207,.56);
  box-shadow:0 12px 28px rgba(2,9,23,.22),0 0 0 1px rgba(57,212,255,.09);
  transform:translateY(-2px);
}
.main-content > .article-clusters .related-card:hover h3,
.main-content > .article-clusters .related-card:focus-visible h3{color:#8fe7ff}
.main-content > .article-clusters .related-card:hover h3::after,
.main-content > .article-clusters .related-card:focus-visible h3::after{width:46px}
.main-content > .article-clusters .related-card:focus-visible{outline:2px solid #43f2cf;outline-offset:3px}
@media(hover:none){.main-content > .article-clusters .related-card:active{border-color:#43f2cf;background:rgba(27,57,90,.93)}}
@media(prefers-reduced-motion:reduce){
  .main-content > .article-clusters .related-card,
  .main-content > .article-clusters .related-card h3,
  .main-content > .article-clusters .related-card h3::after{transition:none!important;transform:none!important}
}

/* Dark cluster card surfaces: match the article panel without changing the hover accents. */
.main-content > .article-clusters .related-card{
  background:linear-gradient(160deg,rgba(18,32,58,.96),rgba(11,22,42,.97));
  box-shadow:0 10px 26px rgba(0,0,0,.17);
}
.main-content > .article-clusters .related-card:hover,
.main-content > .article-clusters .related-card:focus-visible{
  background:linear-gradient(160deg,rgba(23,42,67,.98),rgba(13,28,49,.98));
}

/* Slightly darker, opaque cluster cards; keep current turquoise hover styling. */
main.main-content > section.article-clusters a.related-card,
main.main-content > section.article-clusters a.related-card:link,
main.main-content > section.article-clusters a.related-card:visited {
  background: #0c192d !important;
  background-image: none !important;
}
main.main-content > section.article-clusters a.related-card:hover,
main.main-content > section.article-clusters a.related-card:focus-visible {
  background: #14263e !important;
  background-image: none !important;
}

/* Article directory: compact introduction and balanced search spacing. */
body.is-articles .page > .editorial-directory {
  min-height: 350px;
  margin-bottom: 20px;
  padding-top: 36px;
  padding-bottom: 36px;
}
body.is-articles .directory-search-label { margin-top: 0; }
body.is-articles .directory-search-status { margin: 12px 0 18px; }
@media (max-width: 760px) {
  body.is-articles .page > .editorial-directory {
    min-height: 0;
    margin-bottom: 16px;
    padding: 26px 24px;
  }
  body.is-articles .directory-search-status { margin: 10px 0 16px; }
}

/* Keep the auto navigation flush with the article body. */
.main-content .page > .reader-nav.shell.is-auto {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  margin: 0 !important;
}
@media (max-width: 760px) {
  .main-content .page > .reader-nav.shell.is-auto { margin-bottom: 12px !important; }
}
.editorial-toc .editorial-toc-kicker { font-size: 12px; }
.editorial-toc > a { font-size: 13.5px; line-height: 1.5; }

/* Keep the pet invitation typography and CTA identical to the HTML reference. */
.companion-dialog > p.companion-invite-note {
  display: block;
  width: 100%;
  max-width: none;
  margin: 9px auto 2px;
  color: #fff;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .01em;
  text-align: center;
  opacity: 1;
}
.companion-invite .companion-invite-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 46px;
  padding: .65rem 1.16rem;
  color: #f3ffff;
  font-size: .875rem;
  border-color: #9ef5ffe6;
  background: linear-gradient(118deg,#0f3552,#117076 54%,#145487);
  background-size: 200% 100%;
  text-shadow: 0 0 8px rgba(67,242,207,.55);
  box-shadow: 0 0 0 1px #39d4ff52 inset,0 0 14px #39d4ff61,0 0 26px #43f2cf47;
  animation: cta-neon-pulse 2.8s ease-in-out infinite,cta-neon-bg-shift 4.6s ease-in-out infinite;
}
.companion-invite .companion-invite-cta::after {
  content: "";
  position: absolute;
  top: 0;
  left: -42%;
  width: 34%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(100deg,transparent 8%,rgba(255,255,255,.5) 52%,transparent 92%);
  opacity: .38;
  transform: skew(-20deg);
  animation: cta-neon-sheen 3.1s linear infinite;
}
.companion-invite .companion-invite-cta:hover,
.companion-invite .companion-invite-cta:focus-visible {
  animation-play-state: paused;
  box-shadow: 0 0 0 1px #39d4ff73 inset,0 0 18px #39d4ff80,0 0 34px #43f2cf6b;
}
@media (prefers-reduced-motion: reduce) {
  .companion-invite .companion-invite-cta,
  .companion-invite .companion-invite-cta::after { animation: none !important; }
}


/* Compact phone preview and informational labels inside the mobile article hero. */
@media (max-width:760px){
  .page>.editorial-hero{overflow:hidden!important;}
  .page>.editorial-hero .editorial-hero-visual{
    position:relative!important;display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:9px;row-gap:10px;
    inset:auto!important;width:100%!important;
    max-width:460px!important;margin:24px auto 0!important;
    align-items:center;justify-items:stretch;
    pointer-events:none;
  }
  .page>.editorial-hero .editorial-halo{
    width:240px!important;height:240px!important;
    top:8px;left:50%;transform:translateX(-50%);
    box-shadow:0 0 0 30px rgba(57,212,255,.02),0 0 0 65px rgba(57,212,255,.014);
  }
  .page>.editorial-hero .editorial-device{
    grid-column:1/-1;justify-self:center;
    width:206px!important;max-width:90%!important;
    box-sizing:border-box!important;
    padding:15px 14px!important;border-radius:24px!important;
    transform:rotate(2deg)!important;
    box-shadow:0 20px 42px rgba(0,0,0,.35),0 0 0 5px rgba(255,255,255,.025);
  }
  .page>.editorial-hero .editorial-device-pet{
    width:78px;height:78px;margin:9px auto;font-size:39px;
  }
  .page>.editorial-hero .editorial-device-heading{font-size:15px;line-height:1.25;}
  .page>.editorial-hero .editorial-device-sub{font-size:9px;margin:5px 0 10px;}
  .page>.editorial-hero .editorial-device-line{font-size:10px;gap:6px;margin:6px 0;padding:7px 8px;}
  .page>.editorial-hero .editorial-device-line>span{font-size:14px;}
  .page>.editorial-hero .editorial-floating{
    display:flex!important;position:relative!important;
    inset:auto!important;max-width:none!important;
    min-width:0;box-sizing:border-box;
    justify-content:center;text-align:center;
    padding:9px 7px!important;border-radius:11px!important;
    font-size:10px!important;line-height:1.3;
    background:rgba(20,44,73,.92)!important;
  }
  .page>.editorial-hero .editorial-floating span{overflow-wrap:anywhere;}
}
@media (max-width:370px){
  .page>.editorial-hero .editorial-floating{font-size:9px!important;padding:8px 5px!important;}
  .page>.editorial-hero .editorial-device{width:193px!important;}
}


/* Mobile hero: labels float beside the phone like the desktop composition. */
@media (max-width:760px){
 .page>.editorial-hero .editorial-hero-visual{display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;min-height:340px;isolation:isolate;overflow:visible;}
 .page>.editorial-hero .editorial-device{flex:none;position:relative;z-index:1;margin:0 auto!important;}
 .page>.editorial-hero .editorial-floating{position:absolute!important;display:flex!important;max-width:116px!important;width:34%!important;min-width:0!important;box-sizing:border-box!important;inset:auto!important;justify-content:flex-start!important;text-align:left!important;padding:10px 8px!important;font-size:10px!important;line-height:1.35!important;z-index:3;}
 .page>.editorial-hero .editorial-floating-a{left:0!important;top:23%!important;right:auto!important;bottom:auto!important;}
 .page>.editorial-hero .editorial-floating-b{right:0!important;bottom:17%!important;left:auto!important;top:auto!important;}
 .page>.editorial-hero .editorial-floating span{overflow-wrap:anywhere;}
}
@media (max-width:370px){
 .page>.editorial-hero .editorial-hero-visual{min-height:328px;}
 .page>.editorial-hero .editorial-floating{font-size:9px!important;padding:8px 6px!important;max-width:99px!important;}
}
.editorial-hero-visual-new .editorial-device{border-color:var(--phone-accent);background:linear-gradient(155deg,#213657,#0b182f);box-shadow:0 32px 65px rgba(0,0,0,.45),0 0 35px color-mix(in srgb,var(--phone-accent) 24%,transparent)}
.editorial-hero-visual-new .editorial-device-pet{border-color:var(--phone-accent);background:radial-gradient(circle,color-mix(in srgb,var(--phone-accent) 42%,#122a47),#122a47 75%)}
.editorial-hero-visual-new .editorial-device-top,.editorial-hero-visual-new .editorial-device-line>span,.editorial-hero-visual-new .editorial-device-line b{color:var(--phone-accent)}
/* Topic-specific article evidence blocks */
.article-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0 28px;border:1px solid rgba(130,205,218,.25);border-radius:16px;background:#112840}
.article-data-table{width:100%;min-width:560px;border-collapse:collapse;color:#dce9f5;font-size:.94rem;line-height:1.55}
.article-data-table caption{padding:16px 18px;text-align:left;color:#f0fbff;font-size:1.05rem;font-weight:700}
.article-data-table th,.article-data-table td{padding:12px 16px;text-align:left;vertical-align:top;border-top:1px solid rgba(130,205,218,.17)}
.article-data-table th{color:#83ebdc;background:rgba(45,105,124,.18);font-weight:700}
.article-data-table tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.article-diagram{max-width:100%;overflow-x:auto;margin:16px 0 34px;padding:11px 12px 14px;border:1px solid rgba(130,205,218,.2);border-radius:17px;background:linear-gradient(145deg,rgba(23,59,85,.8),rgba(16,37,64,.9))}
.article-diagram img{display:block;width:100%;height:auto}
.article-diagram figcaption{text-align:center;color:#bbd3e2;font-size:.85rem}
.article-checklist{margin:28px 0;padding:18px 22px;border:1px solid rgba(67,242,207,.28);border-radius:17px;background:rgba(16,57,69,.42)}
.article-checklist h2{margin-top:0}
.article-checklist ul{margin-bottom:0;padding-left:1.3em}
.article-checklist li+li{margin-top:9px}
.article-evidence-note{color:#abc4d4;font-size:.88rem;line-height:1.6}
@media(max-width:620px){
  .article-table-wrap{overflow:visible;margin:22px 0 28px;padding:10px;border:0;background:transparent}
  .article-data-table{display:block;width:100%;min-width:0;font-size:.88rem}
  .article-data-table caption{display:block;padding:4px 4px 13px;font-size:1rem}
  .article-data-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .article-data-table tbody{display:grid;gap:12px}
  .article-data-table tr{display:block;min-width:0;padding:8px 14px;border:1px solid rgba(130,205,218,.27);border-radius:14px;background:#112840}
  .article-data-table td{display:grid;grid-template-columns:minmax(92px,37%) minmax(0,1fr);gap:10px;align-items:start;padding:9px 0;border-top:1px solid rgba(130,205,218,.15);overflow-wrap:anywhere}
  .article-data-table td:first-child{border-top:0}
  .article-data-table td::before{content:attr(data-label);color:#83ebdc;font-weight:700;line-height:1.4}
  .article-data-table tr:nth-child(even) td{background:transparent}
  .article-diagram{overflow:hidden;padding:8px;margin:22px 0 30px}
  .article-diagram picture,.article-diagram img{display:block;width:100%;max-width:100%;min-width:0;height:auto}
  .article-diagram figcaption{padding:9px 7px 2px;line-height:1.4}
  .article-checklist{padding:15px 17px}
}
.article-field-guide .article-first-steps{margin-top:23px}
.article-field-guide .article-first-steps h2{font-size:clamp(1.15rem,2.3vw,1.4rem)}
.article-app-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:38px 0;padding:26px 28px;border:1px solid rgba(145,198,238,.28);border-radius:22px;background:linear-gradient(135deg,rgba(145,198,238,.13),rgba(182,165,255,.11))}.article-app-cta h2{margin:0 0 8px;font-size:1.35rem}.article-app-cta p{max-width:650px;margin:0;color:var(--muted,#a9bacb)}.article-app-cta a{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:999px;background:#d4eaff;color:#10243b;font-weight:700;text-decoration:none}.article-app-cta a:hover{background:#fff}@media(max-width:620px){.article-app-cta{align-items:flex-start;flex-direction:column;padding:22px}.article-app-cta a{width:100%;box-sizing:border-box}}
.beairo-guide{position:fixed;z-index:38;right:18px;bottom:92px;width:126px;display:grid;justify-items:center;gap:3px;opacity:0;transform:translateY(15px) scale(.92);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none;filter:drop-shadow(0 9px 15px rgba(0,0,0,.25))}.beairo-guide.is-on{opacity:1;transform:none;pointer-events:auto}.beairo-guide.is-docking{pointer-events:none;transition:none}.beairo-guide .guide-bubble{padding:7px 10px;border:1px solid #6674aa;border-radius:13px;background:#1f2845;color:#fff;font:600 11px/1.35 system-ui,sans-serif;text-align:center;white-space:nowrap;box-shadow:0 5px 14px #0004}.beairo-guide .guide-pet{display:grid;width:104px;height:104px;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;animation:beairo-hop 3.3s ease-in-out infinite}.beairo-guide .guide-pet svg{display:block;width:100%;height:100%}.beairo-guide .guide-exact-pet{isolation:isolate;overflow:visible}.beairo-guide .guide-exact-pet .companion-head{transform-box:view-box;transform-origin:50% 57%}.beairo-guide .guide-exact-pet .tail{transform-box:view-box;transform-origin:76% 80%;animation:companion-tail 2.8s ease-in-out infinite}.beairo-guide .guide-exact-pet .earL{transform-box:view-box;transform-origin:38% 32%;animation:companion-ear-left 5.5s ease-in-out infinite}.beairo-guide .guide-exact-pet .earR{transform-box:view-box;transform-origin:62% 32%;animation:companion-ear-right 6.5s ease-in-out infinite}.beairo-guide .guide-wave-paw{transform-box:fill-box;transform-origin:70% 85%;opacity:0}.beairo-guide .guide-wave-paw.is-waving{display:inline!important;animation:beairo-single-wave 1.65s cubic-bezier(.36,.02,.23,1) both}@keyframes beairo-hop{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes beairo-single-wave{0%{opacity:0;transform:translate(5px,13px) rotate(23deg) scale(.88)}15%{opacity:1;transform:translate(0,1px) rotate(0) scale(1)}34%{opacity:1;transform:translate(-2px,-3px) rotate(-17deg)}50%{opacity:1;transform:translate(1px,-1px) rotate(13deg)}66%{opacity:1;transform:translate(-1px,-3px) rotate(-12deg)}82%{opacity:1;transform:translate(0) rotate(2deg)}100%{opacity:0;transform:translate(5px,11px) rotate(22deg) scale(.9)}}@media(max-width:600px){.beairo-guide{right:8px;bottom:76px;width:100px}.beairo-guide .guide-pet{width:88px;height:88px}.beairo-guide .guide-bubble{max-width:110px;padding:6px;font-size:10px;white-space:normal}}@media(prefers-reduced-motion:reduce){.beairo-guide,.beairo-guide .guide-pet,.beairo-guide .guide-exact-pet .tail,.beairo-guide .guide-exact-pet .earL,.beairo-guide .guide-exact-pet .earR{animation:none!important;transition:none!important}.beairo-guide .guide-wave-paw.is-waving{display:none!important}}
.beairo-guide{width:184px}.beairo-guide .guide-pet{width:156px;height:156px}@media(max-width:600px){.beairo-guide{width:146px}.beairo-guide .guide-pet{width:126px;height:126px}}
.article-tool{margin:2rem 0;padding:clamp(1rem,3vw,1.6rem);border:1px solid rgba(67,242,207,.32);border-radius:20px;background:linear-gradient(145deg,rgba(20,51,72,.96),rgba(13,32,54,.96));box-shadow:0 16px 36px rgba(0,0,0,.16)}
.article-tool h2{margin-top:0}.article-tool form,.tool-input-grid{display:grid;gap:14px}.article-tool form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.article-tool label{display:grid;gap:6px;color:#d8eaf5;font-size:.92rem;font-weight:650}.article-tool input,.article-tool textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(157,211,232,.35);border-radius:10px;background:#0b1b30;color:#f4fbff;font:inherit}.article-tool input:focus,.article-tool textarea:focus{outline:2px solid #43f2cf;outline-offset:2px}.article-tool form .btn{justify-self:start}.tool-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1}.article-tool [data-tool-result]{margin:.9rem 0 0;color:#aeeede;font-weight:650}.tool-expenses{display:grid;gap:10px}.tool-expense-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}.tool-total{font-size:1.1rem}.tool-actions{display:flex;flex-wrap:wrap;gap:10px}
.tool-insurance-rows{display:grid;gap:12px}.tool-insurance-row{display:grid;grid-template-columns:1.2fr repeat(3,minmax(100px,.7fr)) 1.6fr;gap:10px;padding:12px;border:1px solid rgba(157,211,232,.2);border-radius:14px}.tool-print-items li{margin:.55rem 0}
@media(max-width:620px){.article-tool form,.tool-input-grid{grid-template-columns:1fr}.tool-expense-row{grid-template-columns:1fr}.article-tool form .btn{width:100%}}
@media(max-width:820px){.tool-insurance-row{grid-template-columns:repeat(2,minmax(0,1fr))}}