.playbook *,.playbook *::before,.playbook *::after{ margin: 0; padding: 0; box-sizing: border-box; }.playbook{
    
    --bg:           #FFFFFF;
    --bg-soft:      #FAFAF7;
    --bg-cream:     #F4F2EC;
    --bg-tint:      #E8F8F0;       
    --ink:          #0F1410;       
    --ink-soft:     #2C322E;
    --text:         #4A5651;       
    --text-muted:   #7A8780;
    --line:         rgba(15, 20, 16, 0.08);
    --line-strong:  rgba(15, 20, 16, 0.14);

    
    --nc-green:     #0CC481;
    --nc-green-bright: #14FFB0;
    --nc-green-deep:   #0AA06A;
    --nc-green-darker: #087A50;
    --nc-green-ink:    #052A1B;     
    --nc-green-glow:   rgba(20, 255, 176, 0.35);

    
    --warm:         #FFD2A6;
    --warm-soft:    #FFE9D6;

    --font: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 24px;
    --radius-xl: 36px;
    --radius-pill: 999px;

    --shadow-sm: 0 2px 8px rgba(15, 20, 16, 0.04), 0 1px 2px rgba(15, 20, 16, 0.04);
    --shadow-md: 0 8px 24px rgba(15, 20, 16, 0.06), 0 2px 6px rgba(15, 20, 16, 0.04);
    --shadow-lg: 0 24px 60px rgba(15, 20, 16, 0.10), 0 8px 16px rgba(15, 20, 16, 0.06);
    --shadow-glow: 0 0 60px rgba(12, 196, 129, 0.25), 0 0 120px rgba(12, 196, 129, 0.10);

    --container: 1240px;
}.playbook{ scroll-behavior: smooth; scroll-padding-top: 80px; }.playbook{
    font-family: var(--font);
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}.playbook img{ max-width: 100%; display: block; }.playbook a{ color: inherit; text-decoration: none; }.playbook button{ font: inherit; cursor: pointer; border: none; background: none; color: inherit; }.playbook .container{ max-width: var(--container); margin: 0 auto; padding: 0 32px; }.playbook h1,.playbook h2,.playbook h3,.playbook h4,.playbook h5{
    font-family: var(--font);
    color: var(--ink);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.05;
}.playbook h1{ font-size: clamp(1.95rem, 4.2vw, 3.6rem); font-weight: 800; letter-spacing: -0.035em; line-height: 1.08; }.playbook h2{ font-size: clamp(2.0rem, 4.0vw, 3.4rem); font-weight: 700; letter-spacing: -0.03em; }.playbook h3{ font-size: clamp(1.4rem, 2.4vw, 1.85rem); font-weight: 600; }.playbook h4{ font-size: 1.15rem; font-weight: 600; }.playbook .eyebrow{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--nc-green-deep);
    margin-bottom: 24px;
    padding: 8px 16px;
    border-radius: var(--radius-pill);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.30));
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow:
        0 8px 28px rgba(15, 20, 16, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -1px 0 rgba(15, 20, 16, 0.04);
    position: relative;
    overflow: hidden;
}.playbook .eyebrow::after{
    
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 50%;
    height: 200%;
    background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.55) 50%, transparent 70%);
    transform: skewX(-20deg);
    pointer-events: none;
    animation: glassShimmer 6s ease-in-out infinite;
}
@keyframes glassShimmer {
    0%, 100% { transform: translateX(-30%) skewX(-20deg); opacity: 0; }
    50%      { transform: translateX(180%) skewX(-20deg); opacity: 0.6; }
}.playbook .eyebrow.glass-dark{
    color: var(--nc-green-bright);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.04));
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(0, 0, 0, 0.30);
}.playbook .eyebrow.glass-dark::after{
    background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.18) 50%, transparent 70%);
}.playbook .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 26px;
    font-size: 0.96rem;
    font-weight: 600;
    border-radius: var(--radius-pill);
    transition: all 0.25s ease;
    cursor: pointer;
    white-space: nowrap;
}.playbook .btn-primary{
    background: var(--ink);
    color: #fff;
}.playbook .btn-primary:hover{ background: var(--nc-green-deep); transform: translateY(-1px); box-shadow: var(--shadow-md); }.playbook .btn-green{
    background: linear-gradient(135deg, rgba(20, 255, 176, 0.55), rgba(12, 196, 129, 0.32));
    color: var(--ink);
    font-weight: 700;
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);
    border: 1px solid rgba(12, 196, 129, 0.50);
    box-shadow:
        0 6px 18px rgba(12, 196, 129, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        inset 0 -1px 0 rgba(15, 20, 16, 0.05);
}.playbook .btn-green:hover{
    background: linear-gradient(135deg, rgba(20, 255, 176, 0.75), rgba(12, 196, 129, 0.45));
    border-color: rgba(12, 196, 129, 0.7);
    transform: translateY(-1px);
    box-shadow:
        0 10px 28px rgba(12, 196, 129, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.65);
}.playbook .btn-ghost{
    background: transparent;
    color: var(--ink);
    border: 1.5px solid var(--line-strong);
}.playbook .btn-ghost:hover{ border-color: var(--ink); background: var(--bg-soft); }.playbook .btn-lg{ padding: 18px 32px; font-size: 1.05rem; }.playbook .nav{
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 1000;
    isolation: isolate;
    background:
        linear-gradient(120deg, rgba(34, 36, 42, 0.58) 0%, rgba(44, 46, 52, 0.52) 100%);
    backdrop-filter: blur(40px) saturate(200%);
    -webkit-backdrop-filter: blur(40px) saturate(200%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 1px 0 rgba(0, 0, 0, 0.18),
        0 10px 36px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.16);
    transition: background 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    
    overflow: visible;
}.playbook .nav::before{
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, transparent 55%);
    z-index: 0;
}.playbook .nav::after{
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 42%, rgba(255, 255, 255, 0.45) 50%, transparent 58%);
    background-size: 250% 100%;
    background-repeat: no-repeat;
    background-position: 150% 0;
    animation: navGlassShimmer 9s ease-in-out infinite;
    z-index: 0;
}
@keyframes navGlassShimmer {
    0%   { background-position: 150% 0; opacity: 0; }
    45%  { opacity: 0.55; }
    100% { background-position: -50% 0; opacity: 0; }
}.playbook .nav-inner{ position: relative; z-index: 1; }.playbook .nav.scrolled{
    background:
        linear-gradient(120deg, rgba(28, 30, 36, 0.80) 0%, rgba(38, 40, 46, 0.74) 100%);
    border-bottom-color: rgba(255, 255, 255, 0.14);
    box-shadow:
        0 12px 42px rgba(0, 0, 0, 0.28),
        0 1px 0 rgba(255, 255, 255, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        inset 0 -1px 0 rgba(0, 0, 0, 0.20);
}.playbook .nav-inner{
    max-width: var(--container);
    margin: 0 auto;
    padding: 18px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}.playbook .nav-brand{
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: #F5F5F7;
    letter-spacing: -0.01em;
    font-size: 1.08rem;
}.playbook .nav-brand-img{
    width: 32px; height: 32px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}.playbook .nav-links{
    display: flex;
    align-items: center;
    gap: 32px;
}.playbook .nav-links a{
    font-size: 0.92rem;
    font-weight: 500;
    color: rgba(245, 245, 247, 0.72);
    transition: color 0.2s ease;
}.playbook .nav-links a:hover{ color: #F5F5F7; }.playbook .nav-ctas{
    display: flex;
    align-items: center;
    gap: 12px;
}.playbook .nav-ctas .btn{ padding: 10px 20px; font-size: 0.88rem; }.playbook .nav .btn-ghost{
    color: #F5F5F7;
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.04);
}.playbook .nav .btn-ghost:hover{
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.10);
}.playbook .nav-toggle-cb{ position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0; }.playbook .nav-toggle{
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 44px; height: 44px;
    cursor: pointer;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
    filter: drop-shadow(0 0 1.5px rgba(0,0,0,0.35));
}.playbook .nav-toggle-bar{
    display: block;
    width: 24px; height: 2px;
    background: rgba(255,255,255,.06);
    border-radius: 2px;
    transition: transform 0.28s ease, opacity 0.2s ease;
}@media (max-width: 940px){.playbook .nav-ctas .btn-ghost{ display: none; }.playbook .nav-toggle{ display: flex; }.playbook .nav-inner{ gap: 10px; padding: 13px 16px; }.playbook .nav-ctas{ margin-left: auto; }.playbook .nav-ctas .btn{ padding: 9px 13px; font-size: 0.8rem; }.playbook .nav-links{
        display: none;
        position: absolute;
        top: 100%; left: 0; right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 10px 20px 20px;
        background: linear-gradient(120deg, rgba(24,26,31,0.985) 0%, rgba(32,34,40,0.985) 100%);
        backdrop-filter: blur(30px) saturate(180%);
        -webkit-backdrop-filter: blur(30px) saturate(180%);
        border-top: 1px solid rgba(255,255,255,0.10);
        box-shadow: 0 24px 48px rgba(0,0,0,0.42);
        max-height: calc(100vh - 72px);
        overflow-y: auto;
    }.playbook .nav-toggle-cb:checked ~ .nav-links{ display: flex; }.playbook .nav-links > a{
        padding: 14px 6px;
        font-size: 1.02rem;
        border-bottom: 1px solid rgba(255,255,255,0.07);
    }.playbook .nav-links .nav-dropdown{ position: static; }.playbook .nav-links .nav-dd-toggle{
        width: 100%;
        justify-content: space-between;
        padding: 14px 6px;
        font-size: 1.02rem; font-weight: 500;
        color: rgba(245,245,247,0.72);
        border-bottom: 1px solid rgba(255,255,255,0.07);
        cursor: default;
    }.playbook .nav-links .nav-dd-caret{ display: none; }.playbook .nav-links .nav-dd-menu{
        position: static; transform: none;
        opacity: 1; visibility: visible; pointer-events: auto;
        width: auto; max-width: none;
        display: grid; grid-template-columns: 1fr;
        gap: 4px;
        background: transparent; border: none; box-shadow: none;
        padding: 8px 0 10px;
    }.playbook .nav-links .nav-dd-menu::before{ display: none; }.playbook .nav-links .nav-dd-menu a{
        padding: 11px 14px;
        background: rgba(255,255,255,0.035);
        border-radius: 10px;
    }.playbook .nav-links .nav-dd-menu a strong{ color: #F5F5F7; }.playbook .nav-links .nav-dd-menu a span{ color: rgba(245,245,247,0.5); }.playbook .nav-links .nav-dd-menu a:hover{ background: rgba(255,255,255,0.08); }.playbook .nav-toggle-cb:checked ~ .nav-toggle .nav-toggle-bar:nth-child(1){ transform: translateY(7px) rotate(45deg); }.playbook .nav-toggle-cb:checked ~ .nav-toggle .nav-toggle-bar:nth-child(2){ opacity: 0; }.playbook .nav-toggle-cb:checked ~ .nav-toggle .nav-toggle-bar:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }}@media (max-width: 430px){.playbook .nav-brand span{ display: none; }}.playbook .hero,.playbook .press,.playbook .scaling-pitch,.playbook .solution,.playbook .mia-pin-wrap,.playbook .slack,.playbook .live,.playbook .reviews,.playbook .how,.playbook .scale-cta,.playbook .footer{
    position: relative;
    z-index: 1;
}.playbook .mia-pin-wrap,.playbook .slack{ z-index: 2; }.playbook .cta-card{ z-index: auto; }.playbook .hero{
    position: relative;
    padding: 120px 0 48px;
    background: transparent;
    text-align: left;
    overflow: visible;
}.playbook .hero .container{
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.9fr);
    column-gap: 52px;
    align-items: center;
}.playbook .hero-content{
    position: relative;
    z-index: 1;
    grid-column: 1;
    max-width: none;
    margin: 0;
}.playbook .hero h1{
    margin-bottom: 12px;
    font-size: clamp(2.6rem, 6vw, 4.6rem);
    line-height: 1;
}.playbook .hero h1 .accent{
    color: var(--nc-green-deep);
}.playbook .gradient-text{
    background: linear-gradient(
        90deg,
        #0AA06A 0%,
        #14FFB0 25%,
        #0CC481 50%,
        #14FFB0 75%,
        #0AA06A 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
            color: transparent;
    animation: gradientShift 5s linear infinite;
}.playbook .gradient-text-light{
    background: linear-gradient(
        90deg,
        #14FFB0 0%,
        #FFFFFF 25%,
        #14FFB0 50%,
        #FFFFFF 75%,
        #14FFB0 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
            color: transparent;
    animation: gradientShift 5s linear infinite;
}
@keyframes gradientShift {
    0%   { background-position: 0% center; }
    100% { background-position: 200% center; }
}.playbook .hero-tagline{
    font-size: clamp(1.15rem, 2.2vw, 1.55rem);
    font-weight: 600;
    color: var(--ink);
    margin: 0 0 20px;
    letter-spacing: -0.01em;
    line-height: 1.25;
}.playbook .hero p.lede{
    font-size: 1.0rem;
    color: var(--text);
    margin: 0 0 24px;
    max-width: 640px;
    line-height: 1.55;
}.playbook .hero p.lede .em{
    color: var(--ink);
    font-weight: 600;
}.playbook .hero-ctas{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 22px;
}.playbook .hero-visual{
    position: relative;
    z-index: 1;
    max-width: 1040px;
    margin: 36px auto 0;
}.playbook .hero-visual--top{
    grid-column: 2;
    width: 100%;
    max-width: 560px;
    justify-self: center;
    margin: 0;
    padding: 0;
}.playbook .hero-visual-frame{
    position: relative;
    aspect-ratio: 16/9;
    border-radius: var(--radius-xl);
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid var(--line-strong);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow:
        var(--shadow-lg),
        0 0 0 1px rgba(255, 255, 255, 0.6) inset,
        0 80px 120px -40px rgba(12, 196, 129, 0.22);
    overflow: hidden;
}.playbook .hero-visual-frame::before{
    
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(15, 20, 16, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(15, 20, 16, 0.04) 1px, transparent 1px);
    background-size: 32px 32px;
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
            mask-image: radial-gradient(ellipse at center, black 40%, transparent 80%);
    z-index: 0;
}.playbook .hero-visual-frame::after{
    
    content: '';
    position: absolute;
    top: -25%; left: 20%;
    width: 80%; height: 150%;
    background:
        radial-gradient(ellipse at 50% 55%, rgba(20, 255, 176, 0.55) 0%, rgba(12, 196, 129, 0.30) 28%, transparent 60%),
        radial-gradient(ellipse at 50% 55%, rgba(20, 255, 176, 0.18) 35%, transparent 80%);
    filter: blur(2px);
    pointer-events: none;
    z-index: 0;
    animation: miaGlowPulse 4.5s ease-in-out infinite;
}
@keyframes miaGlowPulse {
    0%, 100% { opacity: 0.85; transform: scale(1); }
    50%      { opacity: 1;    transform: scale(1.06); }
}.playbook .hero-visual-frame img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
    filter:
        drop-shadow(0 0 35px rgba(20, 255, 176, 0.55))
        drop-shadow(0 0 80px rgba(12, 196, 129, 0.45))
        drop-shadow(0 30px 50px rgba(12, 196, 129, 0.30));
}.playbook .hero-visual-frame--logo{
    aspect-ratio: 916 / 720;
    background: transparent;
    border-color: var(--line-strong);
    box-shadow: var(--shadow-lg);
}.playbook .hero-visual-frame--logo::before{ display: none; }.playbook .hero-visual-frame--logo::after{ display: none; }.playbook .hero-visual-frame--logo video{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
    filter: none;
}.playbook .roads{ padding: 96px 0 40px; background: transparent; }.playbook .roads-header{ text-align: center; max-width: 800px; margin: 0 auto 52px; }.playbook .roads-header .eyebrow{ display: inline-block; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--nc-green-deep); margin-bottom: 14px; }.playbook .roads-header h2{ font-size: clamp(2rem, 4vw, 3rem); }.playbook .roads-header h2 em{ font-style: italic; color: var(--nc-green-deep); }.playbook .roads-header p{ margin-top: 14px; color: var(--text); font-size: 1.05rem; line-height: 1.6; }.playbook .roads-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; max-width: 1160px; margin: 0 auto; }.playbook .road-card{ position: relative; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 20px; padding: 34px 30px; box-shadow: 0 6px 18px rgba(15, 20, 16, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; }.playbook .road-card:hover{ transform: translateY(-4px); box-shadow: 0 14px 32px rgba(15, 20, 16, 0.08); }.playbook .road-card .road-tag{ display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 14px; }.playbook .road-card h3{ font-size: 1.22rem; font-weight: 700; line-height: 1.3; margin-bottom: 12px; color: var(--ink); }.playbook .road-card p{ color: var(--text); font-size: 0.97rem; line-height: 1.6; margin: 0; }.playbook .road-card .road-cost{ display: block; margin-top: 16px; font-weight: 700; color: #C0392B; font-size: 0.95rem; }.playbook .roads-payoff{ max-width: 1160px; margin: 26px auto 0; border-radius: 24px; padding: 40px 44px; background: radial-gradient(circle at 18% 0%, rgba(12, 196, 129, 0.20), transparent 55%), radial-gradient(circle at 82% 100%, rgba(20, 255, 176, 0.16), transparent 55%), #0F1410; border: 1px solid rgba(20, 255, 176, 0.30); box-shadow: 0 24px 60px -20px rgba(12, 196, 129, 0.25); text-align: center; }.playbook .roads-payoff .road-tag{ color: var(--nc-green-bright); }.playbook .roads-payoff h3{ color: #fff; font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.25; margin-bottom: 14px; }.playbook .roads-payoff p{ color: rgba(255,255,255,0.82); font-size: 1.02rem; line-height: 1.6; max-width: 780px; margin: 0 auto; }@media (max-width: 880px){.playbook .roads-grid{ grid-template-columns: 1fr; }}.playbook .when{ padding: 80px 0 40px; background: transparent; }.playbook .when-layout{ display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 48px; max-width: 1160px; margin: 0 auto; align-items: start; }.playbook .when-intro{ position: sticky; top: 100px; }.playbook .when-intro .eyebrow{ display: inline-block; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--nc-green-deep); margin-bottom: 14px; }.playbook .when-intro h2{ font-size: clamp(1.9rem, 3.4vw, 2.7rem); line-height: 1.12; }.playbook .when-intro h2 em{ font-style: italic; color: var(--nc-green-deep); }.playbook .when-intro > p{ margin: 16px 0 26px; color: var(--text); font-size: 1.05rem; line-height: 1.6; }.playbook .when-answer{ position: relative; border-radius: 20px; padding: 26px 28px; background: radial-gradient(circle at 18% 0%, rgba(12, 196, 129, 0.24), transparent 62%), #0F1410; border: 1px solid rgba(20, 255, 176, 0.30); box-shadow: 0 24px 60px -22px rgba(12, 196, 129, 0.28); }.playbook .when-answer-tag{ display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--nc-green-bright); margin-bottom: 10px; }.playbook .when-answer p{ margin: 0; color: rgba(255,255,255,0.92); font-size: 1rem; line-height: 1.55; font-weight: 500; }.playbook .when-list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }.playbook .when-list li{ display: flex; gap: 16px; align-items: flex-start; background: rgba(255,255,255,.06); border: 1px solid var(--line); border-radius: 16px; padding: 22px 24px; box-shadow: var(--shadow-sm); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }.playbook .when-list li:hover{ transform: translateX(4px); border-color: rgba(12, 196, 129, 0.4); box-shadow: var(--shadow-md); }.playbook .when-check{ flex: 0 0 auto; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font-weight: 800; font-size: 0.9rem; color: var(--nc-green-ink); background: linear-gradient(135deg, rgba(20, 255, 176, 0.55), rgba(12, 196, 129, 0.20)); }.playbook .when-list li p{ color: var(--ink-soft); font-size: 1rem; line-height: 1.55; margin: 0; font-weight: 500; }@media (max-width: 880px){.playbook .when-layout{ grid-template-columns: 1fr; gap: 30px; }.playbook .when-intro{ position: static; }}.playbook .proof{ padding: 60px 0 72px; background: transparent; }.playbook .proof-header{ text-align: center; max-width: 820px; margin: 0 auto 48px; }.playbook .proof-header .eyebrow{ display: inline-block; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--nc-green-deep); margin-bottom: 14px; }.playbook .proof-header h2{ font-size: clamp(2rem, 4vw, 3rem); }.playbook .proof-header h2 em{ font-style: italic; color: var(--nc-green-deep); }.playbook .proof-header p{ margin-top: 14px; color: var(--text); font-size: 1.05rem; line-height: 1.6; }.playbook .proof-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1160px; margin: 0 auto; }.playbook .proof-stat{ background: var(--bg-soft); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 30px 28px; transition: transform 0.3s ease, box-shadow 0.3s ease; }.playbook .proof-stat:hover{ transform: translateY(-4px); box-shadow: 0 14px 32px rgba(15, 20, 16, 0.08); }.playbook .proof-num{ display: block; font-size: clamp(2rem, 3.4vw, 2.8rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1; margin-bottom: 14px; color: var(--nc-green-deep); }.playbook .proof-stat p{ color: var(--text); font-size: 0.97rem; line-height: 1.55; margin: 0; }.playbook .proof-methods{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 900px; margin: 40px auto 0; }.playbook .proof-methods span{ font-size: 0.8rem; font-weight: 600; letter-spacing: 0.04em; color: var(--nc-green-darker); background: var(--bg-tint); border: 1px solid rgba(12, 196, 129, 0.22); border-radius: 999px; padding: 8px 16px; }@media (max-width: 980px){.playbook .proof-grid{ grid-template-columns: repeat(2, 1fr); }}@media (max-width: 560px){.playbook .proof-grid{ grid-template-columns: 1fr; }}.playbook .method-intro{ padding: 60px 0 8px; text-align: center; }.playbook .method-intro .container{ max-width: 860px; }.playbook .method-intro .eyebrow{ display: inline-block; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--nc-green-deep); margin-bottom: 14px; }.playbook .method-intro h2{ font-size: clamp(2rem, 4vw, 3rem); }.playbook .method-intro h2 em{ font-style: italic; color: var(--nc-green-deep); }.playbook .method-intro p{ margin: 14px auto 0; color: var(--text); font-size: 1.05rem; line-height: 1.6; max-width: 720px; }.playbook .method-intro p strong{ color: var(--nc-green-deep); font-weight: 700; }.playbook .method-nav{ display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 28px; }.playbook .method-nav a{ display: inline-flex; align-items: center; gap: 9px; font-size: 0.9rem; font-weight: 700; color: var(--ink); text-decoration: none; background: rgba(255,255,255,.06); border: 1px solid var(--line-strong); border-radius: 999px; padding: 10px 20px 10px 12px; transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; }.playbook .method-nav a:hover{ border-color: var(--nc-green); transform: translateY(-2px); box-shadow: var(--shadow-md); }.playbook .method-nav a span{ display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--nc-green-deep); color: #fff; font-size: 0.72rem; font-weight: 800; }.playbook .method{ padding: 24px 0 80px; }.playbook .method-track{ max-width: 1080px; margin: 0 auto; padding-top: 56px; scroll-margin-top: 90px; }.playbook .method-track + .method-track{ margin-top: 8px; }.playbook .method-track-head{ display: flex; gap: 22px; align-items: flex-start; margin-bottom: 30px; }.playbook .method-track-idx{ flex: 0 0 auto; font-size: 1.05rem; font-weight: 800; letter-spacing: -0.02em; color: var(--nc-green-deep); width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; background: var(--bg-tint); border: 1px solid rgba(12, 196, 129, 0.22); }.playbook .method-track-head .eyebrow{ display: inline-block; font-size: 0.74rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--nc-green-deep); margin-bottom: 8px; }.playbook .method-track-head h3{ font-size: clamp(1.4rem, 2.6vw, 2rem); font-weight: 800; letter-spacing: -0.02em; color: var(--ink); line-height: 1.2; }.playbook .method-track-head p{ margin-top: 10px; color: var(--text); font-size: 1rem; line-height: 1.6; max-width: 660px; }.playbook .method-stage{ max-width: 1080px; margin: 0 auto; }.playbook .method-tabs{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 28px; }.playbook .method-tabs button{ position: relative; overflow: hidden; font-family: inherit; font-size: 0.82rem; font-weight: 600; letter-spacing: 0.03em; color: var(--nc-green-darker); background: var(--bg-tint); border: 1px solid rgba(12, 196, 129, 0.22); border-radius: 999px; padding: 9px 18px; cursor: pointer; transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease; }.playbook .method-tabs button:hover{ border-color: var(--nc-green); }.playbook .method-tabs button.active{ color: #FFFFFF; background: var(--nc-green-deep); border-color: var(--nc-green-deep); }.playbook .method-tabs button.active::after{ content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: var(--nc-green-bright); transform-origin: left; animation: methodProgress 5s linear; }.playbook .method-tabs.paused button.active::after{ animation: none; }
@keyframes methodProgress { from { transform: scaleX(0); } to { transform: scaleX(1); } }.playbook .method-panel{ display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; background: linear-gradient(180deg, #FFFFFF, var(--bg-soft)); border: 1px solid rgba(255,255,255,.12); border-radius: 28px; padding: 46px 48px; box-shadow: 0 8px 24px rgba(15, 20, 16, 0.06); transition: opacity 0.22s ease; }.playbook .method-panel.swap{ opacity: 0; }.playbook .method-copy .method-eyebrow{ display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--nc-green-deep); margin-bottom: 12px; }.playbook .method-copy .method-title{ font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 800; letter-spacing: -0.02em; color: var(--ink); margin-bottom: 14px; }.playbook .method-copy p{ color: var(--text); font-size: 1rem; line-height: 1.65; margin: 0 0 18px; }.playbook .method-copy ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }.playbook .method-copy li{ position: relative; padding-left: 24px; font-size: 0.92rem; line-height: 1.5; color: var(--ink-soft); font-weight: 500; }.playbook .method-copy li::before{ content: ''; position: absolute; left: 0; top: 6px; width: 11px; height: 11px; border-radius: 50%; background: var(--nc-green); box-shadow: 0 0 0 4px rgba(12, 196, 129, 0.16); }.playbook .method-cta{ margin-top: 20px; display: inline-block; font-size: 0.9rem; font-weight: 700; color: #04371f; background: var(--nc-green); border-radius: var(--radius-pill, 999px); padding: 12px 22px; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; box-shadow: 0 6px 18px rgba(12, 196, 129, 0.28); }.playbook .method-cta:hover{ background: var(--nc-green-bright, #14FFB0); transform: translateY(-2px); box-shadow: 0 10px 26px rgba(12, 196, 129, 0.38); }.playbook .method-diagram{ display: flex; align-items: center; justify-content: center; min-height: 260px; }.playbook .method-diagram svg{ width: 100%; height: auto; max-height: 300px; overflow: visible; }@media (max-width: 820px){.playbook .method-panel{ grid-template-columns: 1fr; gap: 28px; padding: 34px 28px; }.playbook .method-diagram{ order: -1; min-height: 200px; }.playbook .method-track-head{ gap: 16px; }.playbook .method-track-idx{ width: 44px; height: 44px; border-radius: 13px; font-size: 0.92rem; }}.playbook .builtwith{ padding: 40px 0 80px; }.playbook .team-head{ max-width: 820px; margin: 0 auto 40px; text-align: center; }.playbook .team-head .eyebrow{ display: inline-block; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--nc-green-deep); margin-bottom: 14px; }.playbook .team-head h2{ font-size: clamp(1.7rem, 3.2vw, 2.5rem); }.playbook .team-head h2 em{ font-style: italic; color: var(--nc-green-deep); }.playbook .team-head p{ margin: 16px auto 0; color: var(--text); font-size: 1.05rem; line-height: 1.65; max-width: 720px; }.playbook .team-cards{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1080px; margin: 0 auto; }.playbook .team-card{ background: rgba(255,255,255,.06); border: 1px solid var(--line); border-radius: 20px; padding: 30px 28px; box-shadow: var(--shadow-sm); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }.playbook .team-card:hover{ transform: translateY(-4px); border-color: rgba(12, 196, 129, 0.4); box-shadow: var(--shadow-md); }.playbook .team-metric{ display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--nc-green-ink); background: linear-gradient(135deg, rgba(20, 255, 176, 0.5), rgba(12, 196, 129, 0.18)); border-radius: 999px; padding: 6px 14px; margin-bottom: 16px; }.playbook .team-card h3{ font-size: 1.22rem; font-weight: 800; letter-spacing: -0.01em; color: var(--ink); margin-bottom: 10px; }.playbook .team-card p{ color: var(--text); font-size: 0.96rem; line-height: 1.6; margin: 0; }.playbook .team-caps{ max-width: 1080px; margin: 36px auto 0; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 12px; justify-content: center; border-top: 1px solid var(--line); padding-top: 32px; }.playbook .team-caps-label{ font-size: 0.74rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--nc-green-deep); }.playbook .team-caps-chips{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }.playbook .team-caps-chips span{ font-size: 0.82rem; font-weight: 600; letter-spacing: 0.03em; color: var(--nc-green-darker); background: var(--bg-tint); border: 1px solid rgba(12, 196, 129, 0.22); border-radius: 999px; padding: 9px 18px; }@media (max-width: 820px){.playbook .team-cards{ grid-template-columns: 1fr; }}.playbook .hero-visual .floating-badge{
    position: absolute;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.28));
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);
    padding: 12px 20px;
    border-radius: var(--radius-pill);
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow:
        0 10px 30px rgba(15, 20, 16, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -1px 0 rgba(15, 20, 16, 0.04);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--ink);
    z-index: 3;
    overflow: hidden;
}.playbook .hero-visual .floating-badge::after{
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 50%;
    height: 200%;
    background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.55) 50%, transparent 70%);
    transform: skewX(-20deg);
    pointer-events: none;
    animation: glassShimmer 6s ease-in-out infinite;
}.playbook .hero-visual .fb-1{ top: 28px; left: 4%; animation: floatA 5s ease-in-out infinite; }@media (max-width: 940px){.playbook .hero{ padding: 104px 0 48px; text-align: center; }.playbook .hero .container{ grid-template-columns: 1fr; row-gap: 0; }.playbook .hero-content{ grid-column: 1; }.playbook .hero-tagline,.playbook .hero p.lede{ margin-left: auto; margin-right: auto; }.playbook .hero-ctas{ justify-content: center; }.playbook .hero-visual{ margin-top: 32px; }.playbook .hero-visual--top{ grid-column: 1; margin: 0 auto 32px; }.playbook .hero-visual .floating-badge{ display: none; }}.playbook .press{
    position: relative;
    padding: 56px 0 40px;
    background: transparent;
    text-align: center;
    overflow: hidden;
}.playbook .press-eyebrow{
    font-size: clamp(1.4rem, 2.6vw, 2.0rem);
    font-weight: 600;
    color: var(--ink);
    letter-spacing: -0.02em;
    margin-bottom: 6px;
}.playbook .press-eyebrow em{
    font-style: italic;
    color: var(--nc-green-deep);
}.playbook .press-sub{
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 28px;
}.playbook .press-marquee{
    position: relative;
    overflow: hidden;
    
    -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
            mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}.playbook .press-track{
    display: flex;
    width: max-content;
    animation: pressScroll 38s linear infinite;
}.playbook .press-track img{
    height: 56px;
    width: auto;
    display: block;
    margin: 0 28px;
    opacity: 0.95;
    transition: opacity 0.25s ease, transform 0.25s ease;
}.playbook .press-track:hover{ animation-play-state: paused; }.playbook .press-track:hover img{ opacity: 1; transform: scale(1.04); }
@keyframes pressScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}@media (max-width: 640px){.playbook .press-track img{ height: 40px; margin: 0 18px; }}.playbook .scaling-pitch{
    position: relative;
    padding: 80px 0 240px;
    min-height: 110vh;       
    background: transparent;
    text-align: center;
    overflow: hidden;        
}.playbook .scaling-pitch h2{
    max-width: 820px;
    margin: 0 auto 22px;
    font-size: clamp(2.0rem, 4.4vw, 3.4rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
}.playbook .scaling-pitch h2 em{
    font-style: italic;
    color: var(--nc-green-deep);
}.playbook .scaling-pitch .scaling-sub{
    max-width: 680px;
    margin: 0 auto;
    font-size: 1.05rem;
    color: var(--text);
    line-height: 1.55;
}.playbook .scaling-pitch .scaling-sub strong{
    color: var(--ink);
    font-weight: 600;
}.playbook .gravity-stage{
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}.playbook .gcard{ opacity: 0; }.playbook .gravity-stage.active .gcard{ opacity: 1; }.playbook .gcard{
    position: absolute;
    top: 0; left: 0;
    width: 76px; height: 76px;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    box-shadow: 0 14px 32px rgba(15, 20, 16, 0.22), 0 4px 10px rgba(15, 20, 16, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    will-change: transform;
    
    transform: translate3d(50vw, -200vh, 0) translate(-50%, -50%) rotate(0deg);
}.playbook .gcard img{
    width: 56%;
    height: 56%;
    object-fit: contain;
    
    filter: brightness(0) invert(1);
}.playbook .gcard[data-i="0"]{ background: #1A2D6D; }.playbook .gcard[data-i="1"]{ background: #00A88E; }.playbook .gcard[data-i="2"]{ background: #4A154B; }.playbook .gcard[data-i="3"]{ background: #FF7A59; }.playbook .gcard[data-i="4"]{ background: #006BFF; }.playbook .gcard[data-i="5"]{ background: #000000; }.playbook .gcard[data-i="6"]{ background: #FFE01B; }.playbook .gcard[data-i="7"]{ background: #4285F4; }.playbook .gcard[data-i="8"]{ background: #635BFF; }.playbook .gcard[data-i="9"]{ background: #2CA01C; }.playbook .gcard[data-i="10"]{ background: #FFCC22; }.playbook .gcard[data-i="11"]{ background: #03001E; }.playbook .gcard[data-i="12"]{ background: #9D2235; }.playbook .gcard[data-i="13"]{ background: #003C5F; }.playbook .gcard[data-i="14"]{ background: #251F47; }.playbook .gcard[data-i="15"]{ background: #FCB041; }.playbook .gcard[data-i="16"]{ background: #1F2D5F; }.playbook .gcard[data-i="17"]{ background: #FF4D5A; }.playbook .gcard[data-i="18"]{ background: #00A1E0; }.playbook .gcard[data-i="19"]{ background: #1F8DED; }.playbook .gcard[data-i="6"]  img,.playbook .gcard[data-i="10"] img,.playbook .gcard[data-i="15"] img{ filter: brightness(0); }.playbook .gcard.text-logo{
    font-family: var(--font);
    font-weight: 800;
    font-size: 0.82rem;
    text-align: center;
    color: #fff;
    letter-spacing: -0.02em;
    line-height: 1.0;
    padding: 6px;
    text-transform: lowercase;
}.playbook .gcard.text-logo[data-i="15"]{ color: #1a1100; }@media (max-width: 640px){.playbook .gcard{ width: 56px; height: 56px; border-radius: 12px; }.playbook .gcard.text-logo{ font-size: 0.62rem; }}.playbook .mia-pin-wrap{
    
    position: relative;
    background: rgba(0,0,0,.35);
    height: 320vh;  
}.playbook .mia-pin{
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
}.playbook .mia-pin-bg{
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 50% 60%, rgba(20, 255, 176, 0.18) 0%, rgba(12, 196, 129, 0.08) 30%, transparent 60%),
        linear-gradient(180deg, #050807 0%, #0A100C 50%, #050807 100%);
}.playbook .mia-pin-bg::before{
    content: '';
    position: absolute; inset: 0;
    background-image:
        linear-gradient(to right, rgba(20, 255, 176, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(20, 255, 176, 0.05) 1px, transparent 1px);
    background-size: 60px 60px;
    -webkit-mask-image: radial-gradient(ellipse at center, black 35%, transparent 75%);
            mask-image: radial-gradient(ellipse at center, black 35%, transparent 75%);
}.playbook .mia-pin-bg::after{
    content: '';
    position: absolute; inset: -20%;
    background-image:
        radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.10) 1px, transparent 1.5px),
        radial-gradient(circle at 80% 60%, rgba(255, 255, 255, 0.08) 1px, transparent 1.5px),
        radial-gradient(circle at 65% 20%, rgba(20, 255, 176, 0.14) 1px, transparent 1.5px),
        radial-gradient(circle at 35% 75%, rgba(20, 255, 176, 0.10) 1px, transparent 1.5px);
    background-size: 90px 90px, 120px 120px, 160px 160px, 200px 200px;
    animation: starDrift 60s linear infinite;
}
@keyframes starDrift {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-60px, -120px); }
}.playbook .mia-spark{
    position: absolute;
    width: 4px; height: 4px;
    border-radius: 50%;
    background: var(--nc-green-bright);
    box-shadow: 0 0 12px rgba(20, 255, 176, 0.8);
    z-index: 2;
    pointer-events: none;
    opacity: 0;
}.playbook .mia-spark.visible{ opacity: 0.7; }.playbook .mia-spark.s1{ top: 18%; left: 22%; animation: sparkRise 9s ease-in-out infinite 0s; }.playbook .mia-spark.s2{ top: 32%; left: 78%; animation: sparkRise 11s ease-in-out infinite 1.2s; }.playbook .mia-spark.s3{ top: 58%; left: 15%; animation: sparkRise 10s ease-in-out infinite 2.4s; }.playbook .mia-spark.s4{ top: 42%; left: 88%; animation: sparkRise 12s ease-in-out infinite 0.8s; }.playbook .mia-spark.s5{ top: 70%; left: 30%; animation: sparkRise 8s  ease-in-out infinite 3.5s; }.playbook .mia-spark.s6{ top: 25%; left: 50%; animation: sparkRise 13s ease-in-out infinite 1.8s; }.playbook .mia-spark.s7{ top: 65%; left: 72%; animation: sparkRise 9.5s ease-in-out infinite 4.2s; }.playbook .mia-spark.s8{ top: 48%; left: 8%;  animation: sparkRise 11.5s ease-in-out infinite 2.7s; }
@keyframes sparkRise {
    0%   { transform: translate(0, 0) scale(0.6); opacity: 0; }
    20%  { opacity: 0.9; }
    50%  { transform: translate(-8px, -60px) scale(1); opacity: 0.7; }
    80%  { opacity: 0.4; }
    100% { transform: translate(6px, -120px) scale(0.6); opacity: 0; }
}.playbook .mia-orb{
    position: absolute;
    bottom: -10%; left: 50%;
    transform: translateX(-50%);
    width: clamp(460px, 64vw, 880px);
    aspect-ratio: 1/1;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%,
            rgba(20, 255, 176, 0.95) 0%,
            rgba(20, 255, 176, 0.65) 18%,
            rgba(12, 196, 129, 0.40) 38%,
            rgba(12, 196, 129, 0.18) 58%,
            transparent 75%);
    filter: blur(45px);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.7s ease;
    animation: orbPulse 6s ease-in-out infinite;
}.playbook .mia-orb.visible{ opacity: 1; }
@keyframes orbPulse {
    0%, 100% { transform: translateX(-50%) translateY(0) scale(1); }
    50%      { transform: translateX(-50%) translateY(-12px) scale(1.08); }
}.playbook .mia-orb-2{
    position: absolute;
    top: 30%; left: 50%;
    width: clamp(240px, 30vw, 420px);
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 50%,
        rgba(20, 255, 176, 0.55) 0%,
        rgba(12, 196, 129, 0.28) 35%,
        transparent 70%);
    filter: blur(40px);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.7s ease;
    animation: orbDrift 14s ease-in-out infinite;
}.playbook .mia-orb-2.visible{ opacity: 1; }
@keyframes orbDrift {
    0%, 100% { transform: translate(-60%, 0); }
    50%      { transform: translate(-40%, -40px); }
}.playbook .mia-pin-header{
    position: absolute;
    top: clamp(96px, 15vh, 180px);
    left: 0; right: 0;
    z-index: 5;
    text-align: center;
    padding: 0 32px;
    pointer-events: none;
    animation: headlineFloat 8s ease-in-out infinite;
}
@keyframes headlineFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-6px); }
}.playbook .mia-pin-headline{
    font-size: clamp(2.2rem, 5vw, 4.4rem);
    color: #fff;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.05;
    max-width: 1100px;
    margin: 0 auto;
    text-shadow: 0 0 40px rgba(12, 196, 129, 0.25);
}.playbook .mia-pin-headline em{
    font-style: italic;
    font-weight: 800;
    background: linear-gradient(
        90deg,
        #14FFB0 0%,
        #FFFFFF 25%,
        #14FFB0 50%,
        #FFFFFF 75%,
        #14FFB0 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
            color: transparent;
    animation: gradientShift 5s linear infinite;
}.playbook .mia-pin-sub{
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 14px;
    font-size: 1.05rem;
    font-weight: 500;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
}.playbook .mia-photo-wrap{
    position: absolute;
    bottom: 0; left: 50%;
    transform: translateX(-50%);
    width: clamp(380px, 50vw, 760px);
    height: 78%;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.7s ease, transform 0.7s ease;
    pointer-events: none;
    animation: photoBreathe 7s ease-in-out infinite;
}.playbook .mia-photo-wrap.visible{ opacity: 1; }.playbook .mia-photo-wrap img{
    width: 100%; height: 100%;
    object-fit: contain;
    object-position: center bottom;
    
    filter:
        drop-shadow(0 0 35px rgba(20, 255, 176, 0.55))
        drop-shadow(0 0 80px rgba(12, 196, 129, 0.45))
        drop-shadow(0 30px 50px rgba(0, 0, 0, 0.55));
}
@keyframes photoBreathe {
    0%, 100% { transform: translateX(-50%) translateY(0) scale(1); }
    50%      { transform: translateX(-50%) translateY(-8px) scale(1.012); }
}.playbook .mia-card{
    position: absolute;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius-md);
    padding: 14px 18px;
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.50),
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(0, 0, 0, 0.30),
        0 0 30px rgba(12, 196, 129, 0.08);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 4;
    opacity: 0;
    transform: translate(0, 24px);
    transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    white-space: nowrap;
}.playbook .mia-card.visible{ opacity: 1; transform: translate(0, 0); }.playbook .mia-card .icon{
    width: 34px; height: 34px;
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800;
    font-size: 1.04rem;
    flex-shrink: 0;
    color: #fff;
    background: linear-gradient(135deg, rgba(12, 196, 129, 0.55), rgba(12, 196, 129, 0.15));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 0 18px rgba(12, 196, 129, 0.30);
}.playbook .mia-card.c1 .icon{ background: linear-gradient(135deg, rgba(12, 196, 129, 0.55), rgba(12, 196, 129, 0.12)); }.playbook .mia-card.c2 .icon{ background: #000; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10); }.playbook .mia-card.c3 .icon{ background: linear-gradient(135deg, rgba(106, 158, 255, 0.65), rgba(106, 158, 255, 0.15)); }.playbook .mia-card.c4 .icon{ background: linear-gradient(135deg, rgba(255, 215, 96, 0.60), rgba(255, 215, 96, 0.12)); color: #1a1300; }.playbook .mia-card.c5 .icon{ background: linear-gradient(135deg, rgba(120, 220, 140, 0.55), rgba(120, 220, 140, 0.12)); }.playbook .mia-card.c6 .icon{ background: linear-gradient(135deg, rgba(255, 184, 92, 0.55), rgba(255, 184, 92, 0.12)); }.playbook .mia-card .label{
    font-size: 0.92rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.01em;
}.playbook .mia-card .sub{
    display: block;
    font-size: 0.74rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.55);
    margin-top: 2px;
    letter-spacing: 0;
}.playbook .mia-card.c1{ top: 36%;  left: 6%;  }.playbook .mia-card.c2{ top: 32%;  right: 8%; }.playbook .mia-card.c3{ top: 52%;  left: 3%;  }.playbook .mia-card.c4{ top: 48%;  right: 4%; }.playbook .mia-card.c5{ top: 68%;  left: 6%; }.playbook .mia-card.c6{ top: 64%;  right: 7%; }@media (max-width: 940px){.playbook .mia-pin-wrap{ height: 260vh; }.playbook .mia-pin-header{ top: clamp(72px, 10vh, 110px); }.playbook .mia-pin-headline{ font-size: clamp(1.9rem, 6.5vw, 3rem); }.playbook .mia-pin-sub{ font-size: 0.95rem; padding: 0 16px; }.playbook .mia-photo-wrap{ width: clamp(280px, 70vw, 480px); height: 70%; }.playbook .mia-orb{ width: clamp(360px, 80vw, 600px); }.playbook .mia-orb-2{ width: clamp(180px, 40vw, 280px); }.playbook .mia-card.c1,.playbook .mia-card.c3,.playbook .mia-card.c5{ left: 2%; }.playbook .mia-card.c2,.playbook .mia-card.c4,.playbook .mia-card.c6{ right: 2%; }.playbook .mia-card{ padding: 10px 14px; }.playbook .mia-card .label{ font-size: 0.82rem; }.playbook .mia-card .sub{ display: none; }}@media (max-width: 640px){.playbook .mia-pin-wrap{ height: 220vh; }.playbook .mia-pin-header{ top: 64px; }.playbook .mia-pin-headline{ font-size: clamp(1.6rem, 7vw, 2.4rem); }.playbook .mia-pin-sub{ font-size: 0.85rem; margin-top: 10px; }.playbook .mia-photo-wrap{ width: 88%; height: 62%; }.playbook .mia-orb{ width: 110%; bottom: -20%; }.playbook .mia-orb-2{ display: none; }.playbook .mia-card{ padding: 8px 12px; gap: 8px; border-radius: 12px; }.playbook .mia-card .icon{ width: 24px; height: 24px; font-size: 0.78rem; border-radius: 6px; }.playbook .mia-card .label{ font-size: 0.72rem; }.playbook .mia-card.c3,.playbook .mia-card.c4{ display: none; }.playbook .mia-card.c1{ top: 38%; left: 3%; }.playbook .mia-card.c2{ top: 34%; right: 3%; }.playbook .mia-card.c5{ top: 72%; left: 3%; }.playbook .mia-card.c6{ top: 68%; right: 3%; }.playbook .mia-spark.s5,.playbook .mia-spark.s6,.playbook .mia-spark.s7,.playbook .mia-spark.s8{ display: none; }}.playbook .solution{
    position: relative;
    padding: 130px 0 100px;
    background: transparent;
    text-align: center;
    overflow: hidden;
}.playbook .solution::before{
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 900px; height: 500px;
    background: radial-gradient(ellipse at top, rgba(12, 196, 129, 0.10), transparent 70%);
    pointer-events: none;
}.playbook .solution .container{ position: relative; z-index: 1; }.playbook .solution h2{
    max-width: 820px;
    margin: 0 auto 18px;
    font-size: clamp(2.0rem, 4.4vw, 3.4rem);
    line-height: 1.08;
}.playbook .solution h2 em{
    font-style: italic;
    color: var(--nc-green-deep);
}.playbook .solution-sub{
    max-width: 700px;
    margin: 0 auto 56px;
    font-size: 1.08rem;
    color: var(--text);
    line-height: 1.6;
}.playbook .solution-sub strong{ color: var(--ink); font-weight: 600; }.playbook .solution-display{
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 36px;
    max-width: 1080px;
    margin: 0 auto;
    align-items: stretch;
}.playbook .solution-stage{
    position: relative;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.65));
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.75);
    box-shadow:
        0 22px 50px rgba(15, 20, 16, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -1px 0 rgba(15, 20, 16, 0.04);
    border-radius: var(--radius-xl);
    padding: 48px 44px;
    overflow: hidden;
    min-height: 460px;
    display: flex;
    flex-direction: column;
}.playbook .stage-eyebrow{
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--nc-green-deep);
    margin-bottom: 14px;
}.playbook .stage-title{
    font-size: clamp(1.7rem, 2.8vw, 2.2rem);
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 18px;
    letter-spacing: -0.02em;
    line-height: 1.12;
}.playbook .stage-body{
    color: var(--text);
    font-size: 1.02rem;
    line-height: 1.6;
    margin-bottom: 24px;
    flex-grow: 1;
}.playbook .stage-bullets{
    list-style: none;
    margin: 0;
    padding: 18px 0 0;
    border-top: 1px solid var(--line);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 22px;
}.playbook .stage-bullets li{
    position: relative;
    padding-left: 22px;
    font-size: 0.92rem;
    color: var(--ink-soft);
    line-height: 1.45;
    font-weight: 500;
}.playbook .stage-bullets li::before{
    content: '';
    position: absolute;
    left: 0; top: 8px;
    width: 12px; height: 2px;
    background: var(--nc-green);
    border-radius: 1px;
}.playbook .solution-stage.swap .stage-eyebrow,.playbook .solution-stage.swap .stage-title,.playbook .solution-stage.swap .stage-body,.playbook .solution-stage.swap .stage-bullets{ opacity: 0; transform: translateY(6px); }.playbook .stage-eyebrow,.playbook .stage-title,.playbook .stage-body,.playbook .stage-bullets{
    transition: opacity 0.32s ease, transform 0.32s ease;
}@media (max-width: 600px){.playbook .stage-bullets{ grid-template-columns: 1fr; }}.playbook .solution-options{
    display: flex;
    flex-direction: column;
    gap: 8px;
}.playbook .solution-options button{
    text-align: left;
    padding: 16px 20px;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: var(--ink);
    font: inherit;
    font-size: 0.96rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.22s ease;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 2px 6px rgba(15, 20, 16, 0.03);
    position: relative;
    overflow: hidden;
}.playbook .solution-options button:hover{
    background: rgba(255,255,255,.08);
    transform: translateX(2px);
}.playbook .solution-options button.active{
    background: linear-gradient(135deg, rgba(12, 196, 129, 0.14), rgba(12, 196, 129, 0.05));
    border-color: rgba(12, 196, 129, 0.45);
    color: var(--nc-green-deep);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 6px 16px rgba(12, 196, 129, 0.10);
}.playbook .solution-options button.active::after{
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 2px;
    background: var(--nc-green);
    transform-origin: left center;
    animation: cycleBar 4s linear forwards;
}.playbook .solution-options.paused button.active::after{ animation: none; opacity: 0.35; }
@keyframes cycleBar {
    from { transform: scaleX(0); }
    to   { transform: scaleX(1); }
}@media (max-width: 880px){.playbook .solution-display{ grid-template-columns: 1fr; }.playbook .solution-stage{ min-height: 260px; padding: 32px 28px; }.playbook .solution-options{ flex-direction: row; flex-wrap: wrap; }.playbook .solution-options button{ flex: 1 1 calc(50% - 4px); font-size: 0.86rem; padding: 12px 14px; }}.playbook .slack{
    position: relative;
    padding: 120px 0;
    background: rgba(0,0,0,.35);
    color: #fff;
    overflow: hidden;
}.playbook .slack::before{
    content: '';
    position: absolute; inset: 0;
    background:
        radial-gradient(ellipse at 80% 20%, rgba(12, 196, 129, 0.18), transparent 55%),
        radial-gradient(ellipse at 20% 80%, rgba(20, 255, 176, 0.10), transparent 55%);
    pointer-events: none;
}.playbook .slack::after{
    content: '';
    position: absolute; inset: 0;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 60px 60px;
    -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
            mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
    pointer-events: none;
}.playbook .slack .container{ position: relative; z-index: 1; }.playbook .slack-header{ text-align: center; max-width: 760px; margin: 0 auto 56px; }.playbook .slack-header .eyebrow{
    background: rgba(12, 196, 129, 0.10);
    border-color: rgba(20, 255, 176, 0.28);
    color: var(--nc-green-bright);
}.playbook .slack-header h2{ color: #fff; }.playbook .slack-header h2 em{
    font-style: normal;
    background: linear-gradient(120deg, var(--nc-green-bright), #fff 80%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}.playbook .slack-header p{
    color: rgba(255, 255, 255, 0.65);
    font-size: 1.05rem;
    margin-top: 16px;
}.playbook .slack-demo{
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 28px;
    max-width: 1080px;
    margin: 0 auto;
    align-items: start;
}.playbook .slack-cards{
    display: flex;
    flex-direction: column;
    gap: 10px;
}.playbook .slack-cards button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    background: rgba(15, 20, 16, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: var(--radius-md);
    color: rgba(255, 255, 255, 0.78);
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
    font: inherit;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}.playbook .slack-cards button code{
    font-family: 'SF Mono', 'Menlo', Monaco, Consolas, monospace;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--nc-green-bright);
}.playbook .slack-cards button span{
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.55);
}.playbook .slack-cards button:hover{
    border-color: rgba(20, 255, 176, 0.4);
    background: rgba(15, 20, 16, 0.75);
    transform: translateX(2px);
}.playbook .slack-cards button.active{
    border-color: rgba(20, 255, 176, 0.55);
    background: rgba(12, 196, 129, 0.10);
    box-shadow: 0 0 0 3px rgba(20, 255, 176, 0.10);
}.playbook .slack-chat{
    background: rgba(8, 12, 10, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: var(--radius-lg);
    overflow: hidden;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
    min-height: 480px;
    display: flex;
    flex-direction: column;
}.playbook .chat-header{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}.playbook .chat-header .avatar{ width: 28px; height: 28px; }.playbook .chat-header-text{
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}.playbook .chat-header-name{
    color: #fff;
    font-weight: 700;
    font-size: 0.88rem;
}.playbook .chat-header-status{
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.72rem;
    display: flex;
    align-items: center;
    gap: 6px;
}.playbook .chat-header-status::before{
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--nc-green-bright);
    box-shadow: 0 0 8px rgba(20, 255, 176, 0.65);
}.playbook .chat-body{
    flex: 1;
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    overflow-x: hidden;
}.playbook .avatar{
    width: 36px; height: 36px;
    flex-shrink: 0;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 40%, #1a1f1c 0%, #050807 75%);
    box-shadow:
        0 0 12px rgba(20, 255, 176, 0.55),
        0 0 24px rgba(20, 255, 176, 0.28),
        inset 0 0 0 1px rgba(20, 255, 176, 0.30);
    overflow: hidden;
    position: relative;
}.playbook .avatar img{
    position: absolute;
    width: 200%;
    height: 200%;
    left: 50%;
    top: 6%;
    transform: translateX(-50%);
    object-fit: contain;
    object-position: center top;
}.playbook .chat-message{
    display: flex;
    align-items: flex-end;
    gap: 10px;
    max-width: 88%;
    animation: bubbleIn 0.3s ease both;
}.playbook .chat-message.user{ align-self: flex-end; flex-direction: row-reverse; }.playbook .chat-message.mia{ align-self: flex-start; }
@keyframes bubbleIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}.playbook .bubble{
    padding: 10px 14px;
    border-radius: 18px;
    font-size: 0.92rem;
    line-height: 1.45;
    max-width: 100%;
    word-wrap: break-word;
}.playbook .chat-message.user .bubble{
    background: linear-gradient(135deg, #1A8CFF 0%, #006BFF 100%);
    color: #fff;
    border-bottom-right-radius: 4px;
    font-family: 'SF Mono', 'Menlo', Monaco, Consolas, monospace;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: 0 4px 14px rgba(0, 107, 255, 0.30);
}.playbook .chat-message.user .bubble.typing::after{
    content: '▌';
    margin-left: 2px;
    animation: caretBlink 0.8s steps(1) infinite;
}
@keyframes caretBlink { 50% { opacity: 0; } }.playbook .chat-message.mia .bubble{
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom-left-radius: 4px;
    font-family: 'SF Mono', 'Menlo', Monaco, Consolas, monospace;
    font-size: 0.82rem;
    white-space: pre-wrap;
    line-height: 1.6;
}.playbook .chat-message.mia .bubble .line{
    display: block;
}.playbook .chat-message.mia .bubble .line.title{
    color: var(--nc-green-bright);
    font-weight: 700;
    margin-bottom: 4px;
}.playbook .chat-message.thinking .bubble{
    padding: 14px 18px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}.playbook .chat-message.thinking .dot{
    width: 6px; height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    animation: dotBounce 1.2s ease-in-out infinite;
}.playbook .chat-message.thinking .dot:nth-child(2){ animation-delay: 0.15s; }.playbook .chat-message.thinking .dot:nth-child(3){ animation-delay: 0.30s; }
@keyframes dotBounce {
    0%, 80%, 100% { transform: scale(0.7); opacity: 0.5; }
    40%           { transform: scale(1);   opacity: 1;   }
}@media (max-width: 880px){.playbook .slack-demo{ grid-template-columns: 1fr; }.playbook .slack-cards{ flex-direction: row; flex-wrap: wrap; }.playbook .slack-cards button{ flex: 1 1 calc(50% - 6px); min-width: 0; }}.playbook .live{
    position: relative;
    padding: 120px 0;
    background: transparent;
    overflow: hidden;
}.playbook .live-header{ text-align: center; max-width: 720px; margin: 0 auto 56px; }.playbook .live-header h2 em{ font-style: italic; color: var(--nc-green-deep); }.playbook .live-sub{ color: var(--text); font-size: 1.05rem; margin-top: 16px; }.playbook .live-card{
    max-width: 980px;
    margin: 0 auto;
    background: linear-gradient(135deg, #0A100C 0%, #050807 100%);
    border-radius: var(--radius-xl);
    padding: 56px 48px;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 48px;
    align-items: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 30px 80px rgba(15, 20, 16, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}.playbook .live-card::before{
    content: '';
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(circle at 20% 30%, rgba(20, 255, 176, 0.18), transparent 55%),
        radial-gradient(circle at 80% 70%, rgba(12, 196, 129, 0.15), transparent 55%);
    pointer-events: none;
}.playbook .live-globe{
    position: relative;
    z-index: 1;
    width: 280px;
    height: 280px;
    margin: 0 auto;
}.playbook .live-globe canvas{
    display: block;
    width: 280px !important;
    height: 280px !important;
    max-width: 100%;
    max-height: 100%;
    opacity: 0;
    transition: opacity 0.6s ease;
}.playbook .live-globe canvas.ready{ opacity: 1; }@media (max-width: 720px){.playbook .live-globe{ width: 220px; height: 220px; }.playbook .live-globe canvas{ width: 220px !important; height: 220px !important; }}.playbook .live-stats{
    position: relative;
    z-index: 1;
}.playbook .live-stat-label{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 14px;
}.playbook .live-dot{
    width: 9px; height: 9px;
    border-radius: 50%;
    background: var(--nc-green-bright);
    box-shadow: 0 0 0 4px rgba(20, 255, 176, 0.20);
    animation: pulse 1.6s ease-in-out infinite;
}.playbook .live-stat-num{
    font-size: clamp(3rem, 7vw, 5.6rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1;
    background: linear-gradient(135deg, #fff, var(--nc-green-bright));
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 28px;
    font-variant-numeric: tabular-nums;
}.playbook .live-stat-meta{
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.92rem;
}.playbook .live-stat-meta strong{
    display: block;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 2px;
}@media (max-width: 720px){.playbook .live-card{
        grid-template-columns: 1fr;
        text-align: center;
        padding: 40px 28px;
    }.playbook .live-globe svg{ width: 180px; height: 180px; }.playbook .live-stat-meta{ justify-content: center; }}.playbook .how{
    padding: 130px 0 110px;
    background: linear-gradient(180deg, #050807 0%, #0A100C 50%, #050807 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
}.playbook .how::before{
    content: '';
    position: absolute; inset: 0;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(12, 196, 129, 0.18), transparent 55%),
        radial-gradient(ellipse at 80% 100%, rgba(20, 255, 176, 0.10), transparent 50%);
    pointer-events: none;
}.playbook .how::after{
    content: '';
    position: absolute; inset: 0;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 60px 60px;
    -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
            mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
    pointer-events: none;
}.playbook .how .container{ position: relative; z-index: 1; }.playbook .section-header{ text-align: center; max-width: 760px; margin: 0 auto 72px; }.playbook .section-header p{ color: rgba(255, 255, 255, 0.65); font-size: 1.08rem; margin-top: 16px; }.playbook .how .section-header h2{ color: #fff; }.playbook .how .section-header h2 em{
    font-style: normal;
    background: linear-gradient(120deg, var(--nc-green-bright), #fff 80%);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}.playbook .how .section-header .eyebrow.glass-dark{
    
}.playbook .how-steps{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}.playbook .how-step{
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: var(--radius-lg);
    padding: 38px 30px;
    transition: all 0.3s ease;
    position: relative;
    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}.playbook .how-step:hover{
    transform: translateY(-4px);
    border-color: rgba(20, 255, 176, 0.40);
    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.40),
        0 0 30px rgba(12, 196, 129, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}.playbook .how-step .num{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px; height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--nc-green), var(--nc-green-deep));
    color: var(--ink);
    font-weight: 800;
    font-size: 1.05rem;
    margin-bottom: 22px;
    letter-spacing: -0.02em;
    box-shadow:
        0 8px 22px rgba(12, 196, 129, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.45);
}.playbook .how-step h3{ color: #fff; margin-bottom: 12px; }.playbook .how-step p{ color: rgba(255, 255, 255, 0.70); line-height: 1.6; }@media (max-width: 1040px){.playbook .how-steps{ grid-template-columns: repeat(2, 1fr); }}@media (max-width: 880px){.playbook .how-steps{ grid-template-columns: 1fr; }}.playbook .reviews{
    position: relative;
    padding: 120px 0 100px;
    background: transparent;
    overflow: hidden;
}.playbook .reviews-header{ text-align: center; max-width: 820px; margin: 0 auto 56px; }.playbook .reviews-header h2 em{ font-style: italic; color: var(--nc-green-deep); }.playbook .reviews-header p{
    color: var(--text);
    font-size: 1.05rem;
    margin-top: 16px;
}.playbook .reviews-stage{
    position: relative;
    width: 100%;
    overflow: hidden;
    
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);
            mask-image: linear-gradient(to right, transparent 0%, black 6%, black 94%, transparent 100%);
}.playbook .reviews-track{
    display: flex;
    flex-direction: row;
    gap: 22px;
    width: max-content;
    animation: reviewsScroll 70s linear infinite;
}.playbook .reviews-track:hover{ animation-play-state: paused; }
@keyframes reviewsScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }   
}.playbook .review-card{
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.70));
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow:
        0 14px 36px rgba(15, 20, 16, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
    border-radius: var(--radius-lg);
    padding: 26px 28px;
    flex-shrink: 0;
    width: 380px;
    display: flex;
    flex-direction: column;
}.playbook .review-stars{
    display: inline-flex;
    gap: 2px;
    color: #FFB02E;
    margin-bottom: 12px;
    font-size: 0.92rem;
    letter-spacing: 0.05em;
}.playbook .review-quote{
    color: var(--ink);
    font-size: 1.0rem;
    line-height: 1.55;
    margin-bottom: 18px;
    font-weight: 500;
    flex-grow: 1;
}.playbook .review-meta{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.88rem;
    border-top: 1px solid var(--line);
    padding-top: 16px;
}.playbook .review-avatar{
    width: 44px; height: 44px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow:
        0 0 0 2px rgba(255, 255, 255, 0.8),
        0 0 0 3px rgba(12, 196, 129, 0.45),
        0 4px 12px rgba(15, 20, 16, 0.10);
}.playbook .review-avatar img{
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}.playbook .review-name{ color: var(--ink); font-weight: 600; line-height: 1.2; }.playbook .review-title{ color: var(--text-muted); font-size: 0.78rem; line-height: 1.3; margin-top: 2px; }@media (max-width: 720px){.playbook .review-card{ width: 300px; padding: 22px 22px; }.playbook .review-quote{ font-size: 0.94rem; }}.playbook .scale-cta{
    position: relative;
    background: linear-gradient(180deg, #050807 0%, #0A100C 50%, #050807 100%);
    color: #fff;
    padding: 120px 0 100px;
    overflow: hidden;
}.playbook .scale-cta::before{
    content: '';
    position: absolute; inset: 0;
    background:
        radial-gradient(ellipse at 80% 20%, rgba(12, 196, 129, 0.18), transparent 55%),
        radial-gradient(ellipse at 20% 80%, rgba(20, 255, 176, 0.10), transparent 55%);
    pointer-events: none;
}.playbook .scale-cta::after{
    content: '';
    position: absolute; inset: 0;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 60px 60px;
    -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
            mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
    pointer-events: none;
}.playbook .scale-cta .container{ position: relative; z-index: 1; text-align: center; }.playbook .scale-cta h2{
    color: #fff;
    font-size: clamp(2.4rem, 5.2vw, 4.0rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
    margin: 0 auto 22px;
    max-width: 780px;
}.playbook .scale-cta h2 em{
    font-style: normal;
    background: linear-gradient(
        90deg,
        #14FFB0 0%,
        #FFFFFF 25%,
        #14FFB0 50%,
        #FFFFFF 75%,
        #14FFB0 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
            color: transparent;
    animation: gradientShift 5s linear infinite;
}.playbook .scale-cta-sub{
    max-width: 700px;
    margin: 0 auto 56px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 1.08rem;
    line-height: 1.6;
}.playbook .scale-cta-sub strong{ color: #fff; font-weight: 600; }.playbook .scale-cta-image{
    position: relative;
    max-width: 760px;
    margin: 0 auto 56px;
    border-radius: var(--radius-xl);
    overflow: visible;  
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.45),
        0 0 60px rgba(12, 196, 129, 0.12);
}.playbook .scale-cta-image img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radius-xl);
}.playbook .scale-cta .btn-meet{
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 44px;
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ink);
    text-decoration: none;
    border-radius: var(--radius-pill);
    
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 50%),
        linear-gradient(135deg, #14FFB0 0%, #0CC481 60%, #0AA06A 100%);
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow:
        0 18px 50px rgba(12, 196, 129, 0.55),
        0 6px 20px rgba(12, 196, 129, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -1px 0 rgba(15, 20, 16, 0.10);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    overflow: hidden;
    isolation: isolate;
    z-index: 2;
    cursor: pointer;
    white-space: nowrap;
}.playbook .scale-cta .btn-meet::before{
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 50%;
    height: 200%;
    background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.85) 50%, transparent 70%);
    transform: skewX(-22deg);
    pointer-events: none;
    animation: meetShine 3.5s ease-in-out infinite;
    z-index: -1;
}
@keyframes meetShine {
    0%, 100% { transform: translateX(-30%) skewX(-22deg); opacity: 0; }
    45%      { opacity: 0.95; }
    55%      { opacity: 0.95; }
    100%     { transform: translateX(280%) skewX(-22deg); opacity: 0; }
}.playbook .scale-cta .btn-meet:hover{
    transform: translateX(-50%) translateY(-3px);
    box-shadow:
        0 26px 64px rgba(12, 196, 129, 0.65),
        0 10px 28px rgba(12, 196, 129, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}@media (max-width: 720px){.playbook .scale-cta{ padding: 80px 0 70px; }.playbook .scale-cta-image{ margin-bottom: 48px; }.playbook .scale-cta .btn-meet{ padding: 14px 30px; font-size: 0.96rem; bottom: -22px; }}.playbook .cta{
    padding: 140px 0 60px;
    background: var(--bg);
    text-align: center;
    position: relative;
    z-index: 1;
}.playbook .scheduler{
    padding: 40px 0 100px;
    background: var(--bg);
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 1;
}.playbook .scheduler::before{
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 900px; height: 600px;
    background: radial-gradient(ellipse at 50% 0%, rgba(20, 255, 176, 0.10) 0%, transparent 70%);
    pointer-events: none;
}.playbook .scheduler-header{ position: relative; z-index: 1; max-width: 720px; margin: 0 auto 32px; }.playbook .scheduler-header .eyebrow{ display: inline-block; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--nc-green-deep); margin-bottom: 14px; }.playbook .scheduler-header h2{ font-size: clamp(2rem, 4vw, 3rem); }.playbook .scheduler-header h2 em{ font-style: italic; color: var(--nc-green-deep); }.playbook .scheduler-header p{ margin-top: 14px; color: var(--text); font-size: 1.05rem; line-height: 1.6; }.playbook .scheduler-card{
    position: relative;
    z-index: 1;
    max-width: 980px;
    margin: 0 auto;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.55));
    backdrop-filter: blur(28px) saturate(180%);
    -webkit-backdrop-filter: blur(28px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: var(--radius-xl);
    padding: 18px;
    box-shadow:
        var(--shadow-lg),
        0 60px 100px -40px rgba(12, 196, 129, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
}.playbook .scheduler-embed{ min-height: 660px; border-radius: var(--radius-lg); overflow: hidden; background: rgba(255,255,255,.06); }.playbook .scheduler-embed iframe{ border: none; width: 100%; height: 100%; min-height: 660px; border-radius: var(--radius-lg); background: rgba(255,255,255,.06); }.playbook .scheduler-fineprint{ position: relative; z-index: 1; margin-top: 22px; color: var(--text-muted); font-size: 0.88rem; }.playbook .scheduler-fineprint a{ color: var(--nc-green-deep); font-weight: 600; }@media (max-width: 640px){.playbook .scheduler-embed,.playbook .scheduler-embed iframe{ min-height: 720px; }}.playbook .cta-card{
    max-width: 920px;
    margin: 0 auto;
    background: var(--ink);
    color: #fff;
    padding: 80px 40px;
    border-radius: var(--radius-xl);
    position: relative;
    overflow: hidden;
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}.playbook .cta-card::before{
    content: '';
    position: absolute;
    top: -40%; right: -20%;
    width: 60%; height: 180%;
    background: radial-gradient(ellipse at center, rgba(12, 196, 129, 0.32), transparent 70%);
    pointer-events: none;
}.playbook .cta-card h2{
    color: #fff;
    margin-bottom: 18px;
    position: relative;
}.playbook .cta-card h2 .green{ color: var(--nc-green-bright); }.playbook .cta-card p{
    color: rgba(255, 255, 255, 0.78);
    font-size: 1.1rem;
    margin-bottom: 36px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}.playbook .cta-card .btn{ position: relative; }.playbook .btn-audit{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 44px;
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--ink);
    text-decoration: none;
    border-radius: var(--radius-pill);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 50%),
        linear-gradient(135deg, #14FFB0 0%, #0CC481 60%, #0AA06A 100%);
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow:
        0 18px 50px rgba(12, 196, 129, 0.55),
        0 6px 20px rgba(12, 196, 129, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -1px 0 rgba(15, 20, 16, 0.10);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    overflow: hidden;
    isolation: isolate;
    cursor: pointer;
    white-space: nowrap;
}.playbook .btn-audit::before{
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 50%;
    height: 200%;
    background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.85) 50%, transparent 70%);
    transform: skewX(-22deg);
    pointer-events: none;
    animation: meetShine 3.5s ease-in-out infinite;
    z-index: -1;
}.playbook .btn-audit:hover{
    transform: translateY(-3px);
    box-shadow:
        0 26px 64px rgba(12, 196, 129, 0.65),
        0 10px 28px rgba(12, 196, 129, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}.playbook .cta-actions{ display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }.playbook .btn-audit-ghost{
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.30);
    box-shadow: none;
}.playbook .btn-audit-ghost::before{ display: none; }.playbook .btn-audit-ghost:hover{
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.14);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}.playbook .footer{
    padding: 64px 0 32px;
    background: rgba(250, 250, 247, 0.7);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-top: 1px solid var(--line);
}.playbook .footer-grid{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 48px;
    margin-bottom: 48px;
}.playbook .footer-brand p{
    color: var(--text);
    margin: 14px 0 20px;
    font-size: 0.94rem;
    max-width: 320px;
}.playbook .footer-col h4{
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 16px;
}.playbook .footer-col ul{ list-style: none; display: flex; flex-direction: column; gap: 10px; }.playbook .footer-col a{
    color: var(--ink-soft);
    font-size: 0.92rem;
    transition: color 0.2s ease;
}.playbook .footer-col a:hover{ color: var(--nc-green-deep); }.playbook .footer-bottom{
    padding-top: 24px;
    border-top: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 0.84rem;
    color: var(--text-muted);
}.playbook .footer-disclaimer{
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid var(--line);
    font-size: 0.78rem;
    line-height: 1.65;
    color: var(--text-muted);
}.playbook .footer-disclaimer p{ margin-bottom: 10px; }.playbook .footer-disclaimer p:last-child{ margin-bottom: 0; }.playbook .footer-disclaimer strong{ color: var(--ink-soft); font-weight: 600; }@media (max-width: 880px){.playbook .footer-grid{ grid-template-columns: 1fr 1fr; }}@media (max-width: 480px){.playbook .footer-grid{ grid-template-columns: 1fr; }}


@keyframes fadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}.playbook .reveal{ opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease, transform 0.7s ease; }.playbook .reveal.in{ opacity: 1; transform: translateY(0); }


@keyframes floatA {
    0%, 100% { transform: translate(0, 0)    rotate(-0.5deg); }
    50%      { transform: translate(0, -10px) rotate(0.5deg); }
}
@keyframes floatB {
    0%, 100% { transform: translate(0, 0)     rotate(0.3deg); }
    50%      { transform: translate(6px, -12px) rotate(-0.4deg); }
}
@keyframes floatC {
    0%, 100% { transform: translate(0, 0)      rotate(-0.4deg); }
    33%      { transform: translate(-5px, -8px) rotate(0.3deg); }
    66%      { transform: translate(4px, -14px) rotate(-0.2deg); }
}
@keyframes floatD {
    0%, 100% { transform: translate(0, 0)     rotate(0.5deg); }
    50%      { transform: translate(-8px, -6px) rotate(-0.5deg); }
}.playbook .mia-card.visible.c1{ animation: floatA 5.2s ease-in-out infinite 0.2s; }.playbook .mia-card.visible.c2{ animation: floatB 5.8s ease-in-out infinite 0.4s; }.playbook .mia-card.visible.c3{ animation: floatC 6.4s ease-in-out infinite 0s;   }.playbook .mia-card.visible.c4{ animation: floatD 5.4s ease-in-out infinite 0.5s; }.playbook .mia-card.visible.c5{ animation: floatA 6.0s ease-in-out infinite 0.3s; }.playbook .mia-card.visible.c6{ animation: floatC 5.6s ease-in-out infinite 0.1s; }@media (prefers-reduced-motion: reduce){.playbook *,.playbook *::before,.playbook *::after{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }}.playbook .how-we-work{ padding: 110px 0 120px; background: linear-gradient(180deg, #FFFFFF 0%, var(--bg-soft) 100%); }.playbook .hww-header{ text-align: center; max-width: 780px; margin: 0 auto 56px; }.playbook .hww-header .eyebrow{ display: inline-block; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--nc-green-deep); margin-bottom: 14px; }.playbook .hww-header h2{ font-size: clamp(2rem, 4vw, 3rem); }.playbook .hww-header h2 em{ font-style: italic; color: var(--nc-green-deep); }.playbook .hww-header p{ margin-top: 14px; color: var(--text); font-size: 1.05rem; line-height: 1.6; }.playbook .hww-paths{ display: grid; grid-template-columns: 1fr 1fr; gap: 28px; max-width: 1160px; margin: 0 auto; }.playbook .hww-card{ border-radius: 28px; padding: 44px 40px; display: flex; flex-direction: column; transition: transform 0.35s ease; }.playbook .hww-card:hover{ transform: translateY(-4px); }.playbook .hww-card .hww-eyebrow{ display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.20em; text-transform: uppercase; margin-bottom: 16px; }.playbook .hww-card h3{ font-size: clamp(1.5rem, 2.2vw, 1.85rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 14px; }.playbook .hww-card .hww-lede{ line-height: 1.6; margin-bottom: 22px; }.playbook .hww-card ul{ list-style: none; padding: 0; margin: 0 0 28px 0; display: flex; flex-direction: column; gap: 10px; }.playbook .hww-card ul li{ position: relative; padding-left: 26px; font-size: 0.96rem; line-height: 1.55; }.playbook .hww-card ul li::before{ content: ''; position: absolute; left: 0; top: 8px; width: 14px; height: 14px; border-radius: 50%; background: var(--nc-green); box-shadow: 0 0 0 4px rgba(12, 196, 129, 0.18); }.playbook .hww-cta{ margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.98rem; padding: 14px 26px; border-radius: 999px; transition: all 0.25s ease; }.playbook .hww-dwy{ background: linear-gradient(180deg, #FFFFFF, var(--bg-soft)); border: 1px solid rgba(255,255,255,.12); color: var(--text); box-shadow: 0 8px 24px rgba(15, 20, 16, 0.06); }.playbook .hww-dwy h3{ color: var(--ink); }.playbook .hww-dwy .hww-eyebrow{ color: var(--nc-green-deep); }.playbook .hww-dwy .hww-cta{ background: var(--ink); color: #fff; }.playbook .hww-dwy .hww-cta:hover{ background: var(--nc-green-deep); transform: translateY(-1px); }.playbook .hww-dfy{ background: radial-gradient(circle at 20% 0%, rgba(12, 196, 129, 0.20), transparent 55%), radial-gradient(circle at 80% 100%, rgba(20, 255, 176, 0.16), transparent 55%), #0F1410; color: rgba(255,255,255,0.92); border: 1px solid rgba(20, 255, 176, 0.30); box-shadow: 0 24px 60px rgba(15, 20, 16, 0.10), 0 30px 60px -20px rgba(12, 196, 129, 0.25); }.playbook .hww-dfy h3{ color: #fff; }.playbook .hww-dfy .hww-eyebrow{ color: var(--nc-green-bright); }.playbook .hww-dfy .hww-lede{ color: rgba(255,255,255,0.78); }.playbook .hww-dfy ul li{ color: rgba(255,255,255,0.88); }.playbook .hww-dfy ul li::before{ background: var(--nc-green-bright); box-shadow: 0 0 0 4px rgba(20, 255, 176, 0.18); }.playbook .hww-dfy .hww-cta{ background: linear-gradient(135deg, rgba(20, 255, 176, 0.85), rgba(12, 196, 129, 0.65)); color: var(--nc-green-ink); border: 1px solid rgba(20, 255, 176, 0.7); box-shadow: 0 10px 30px rgba(12, 196, 129, 0.30); }.playbook .hww-dfy .hww-cta:hover{ transform: translateY(-1px); box-shadow: 0 14px 36px rgba(12, 196, 129, 0.40); }.playbook .hww-business-case{ margin: 90px auto 0; max-width: 1160px; text-align: center; }.playbook .hww-bc-header h2{ max-width: 920px; margin: 0 auto; font-size: clamp(2rem, 4vw, 3rem); }.playbook .hww-bc-header h2 em{ font-style: italic; color: var(--nc-green-deep); }.playbook .hww-bc-header p{ max-width: 680px; margin: 14px auto 40px; color: var(--text); font-size: 1.05rem; line-height: 1.6; }.playbook .hww-bc-panel{ display: grid; grid-template-columns: 1fr 1fr; text-align: left; background: linear-gradient(180deg, #FFFFFF, var(--bg-soft)); border: 1px solid var(--line-strong); border-radius: 28px; box-shadow: var(--shadow-md); overflow: hidden; }.playbook .hww-bc-item{ display: flex; gap: 18px; align-items: flex-start; padding: 38px 36px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); }.playbook .hww-bc-item:nth-child(2n){ border-right: none; }.playbook .hww-bc-item:nth-child(n+3){ border-bottom: none; }.playbook .hww-bc-icon{ flex: 0 0 auto; width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; color: var(--nc-green-deep); background: var(--bg-tint); border: 1px solid rgba(12, 196, 129, 0.24); }.playbook .hww-bc-icon svg{ width: 24px; height: 24px; }.playbook .hww-bc-item h3{ font-size: 1.14rem; font-weight: 700; line-height: 1.3; margin-bottom: 10px; color: var(--ink); }.playbook .hww-bc-item p{ color: var(--text); font-size: 0.96rem; line-height: 1.6; margin: 0; }.playbook .hww-bc-item p strong{ color: var(--ink); font-weight: 700; }.playbook .hww-shapes{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 22px; }.playbook .hww-shapes span{ font-size: 0.8rem; font-weight: 600; letter-spacing: 0.04em; color: var(--nc-green-darker); background: var(--bg-tint); border: 1px solid rgba(12, 196, 129, 0.22); border-radius: 999px; padding: 8px 16px; }.playbook .hww-fractional{ display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 28px; max-width: 1160px; margin: 0 auto; align-items: stretch; }.playbook .hww-seat{ justify-content: flex-start; }.playbook .hww-seat .hww-cta{ margin-top: 26px; }.playbook .hww-seat-note{ margin-top: 16px; font-size: 0.86rem; font-weight: 600; letter-spacing: 0.02em; color: var(--nc-green-bright); }.playbook .hww-seat-list{ background: linear-gradient(180deg, #FFFFFF, var(--bg-soft)); border: 1px solid rgba(255,255,255,.12); border-radius: 28px; padding: 44px 40px; box-shadow: 0 8px 24px rgba(15, 20, 16, 0.06); }.playbook .hww-seat-list h4{ font-size: 0.78rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--nc-green-deep); margin-bottom: 22px; }.playbook .hww-seat-list ul{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 18px; }.playbook .hww-seat-list li{ position: relative; padding-left: 28px; font-size: 0.98rem; line-height: 1.55; color: var(--text); }.playbook .hww-seat-list li strong{ color: var(--ink); font-weight: 700; }.playbook .hww-seat-list li::before{ content: ''; position: absolute; left: 0; top: 7px; width: 14px; height: 14px; border-radius: 50%; background: var(--nc-green); box-shadow: 0 0 0 4px rgba(12, 196, 129, 0.18); }.playbook .hww-scarcity{ max-width: 1160px; margin: 26px auto 0; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; border-radius: 24px; padding: 30px 36px; background: radial-gradient(circle at 12% 0%, rgba(20, 255, 176, 0.14), transparent 55%), var(--bg-tint); border: 1px solid rgba(12, 196, 129, 0.28); }.playbook .hww-scarcity-tag{ flex: 0 0 auto; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--nc-green-ink); background: linear-gradient(135deg, rgba(20, 255, 176, 0.85), rgba(12, 196, 129, 0.55)); border-radius: 999px; padding: 9px 16px; }.playbook .hww-scarcity p{ margin: 0; flex: 1 1 320px; color: var(--ink-soft); font-size: 1rem; line-height: 1.55; }.playbook .hww-scarcity p strong{ color: var(--ink); font-weight: 700; }@media (max-width: 880px){.playbook .hww-paths,.playbook .hww-fractional,.playbook .hww-bc-panel{ grid-template-columns: 1fr; }.playbook .hww-card,.playbook .hww-seat-list{ padding: 32px 26px; }.playbook .hww-business-case{ margin-top: 60px; }.playbook .hww-bc-item{ border-right: none; padding: 30px 26px; }.playbook .hww-bc-item:nth-child(n+3){ border-bottom: 1px solid var(--line); }.playbook .hww-bc-item:last-child{ border-bottom: none; }}.playbook .nav-links{ align-items: center; }.playbook .nav-dropdown{ position: relative; }.playbook .nav-dd-toggle{ display:inline-flex; align-items:center; gap:6px; font-family:var(--font); font-size:0.92rem; font-weight:600; color:rgba(245,245,247,0.72); background:none; border:none; cursor:pointer; padding:0; }.playbook .nav-dd-toggle:hover{ color:#F5F5F7; }.playbook .nav-dd-caret{ width:13px; height:13px; transition:transform .25s ease; }.playbook .nav-dropdown:hover .nav-dd-caret,.playbook .nav-dropdown:focus-within .nav-dd-caret{ transform:rotate(180deg); }.playbook .nav-dd-menu{ position:absolute; top:calc(100% + 16px); left:50%; transform:translateX(-50%) translateY(8px); width:540px; max-width:80vw; background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); padding:14px; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease, transform .2s ease; display:grid; grid-template-columns:1fr 1fr; gap:4px; z-index:60; }.playbook .nav-dd-menu::before{ content:""; position:absolute; top:-16px; left:0; right:0; height:16px; }.playbook .nav-dropdown:hover .nav-dd-menu,.playbook .nav-dropdown:focus-within .nav-dd-menu{ opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); }.playbook .nav-dd-menu a{ display:flex; flex-direction:column; gap:3px; padding:11px 14px; border-radius:var(--radius-md); text-decoration:none; transition:background .18s ease; }.playbook .nav-dd-menu a strong{ font-size:0.9rem; font-weight:700; color:var(--ink); }.playbook .nav-dd-menu a span{ font-size:0.75rem; color:var(--text-muted); line-height:1.4; }.playbook .nav-dd-menu a:hover{ background:var(--bg-tint); }.playbook .subhero{ padding:148px 0 56px; position:relative; overflow:hidden; }.playbook .subhero .container{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,0.94fr); grid-template-rows:auto auto auto auto; column-gap:52px; align-items:center; align-content:center; text-align:left; }.playbook .subhero .eyebrow{ grid-column:1; grid-row:1; justify-self:start; display:inline-flex; align-items:center; gap:8px; font-size:0.76rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--nc-green-deep); background:var(--bg-tint); border:1px solid var(--line-strong); padding:7px 16px; border-radius:var(--radius-pill); margin-bottom:22px; }.playbook .subhero h1{ grid-column:1; grid-row:2; font-size:clamp(2rem, 3.6vw, 3.1rem); font-weight:800; line-height:1.07; color:var(--ink); max-width:20ch; margin:0 0 20px; letter-spacing:-0.02em; }.playbook .subhero .sub{ grid-column:1; grid-row:3; font-size:1.1rem; color:var(--text); max-width:56ch; margin:0 0 30px; }.playbook .subhero-ctas{ grid-column:1; grid-row:4; display:flex; gap:14px; justify-content:flex-start; flex-wrap:wrap; }.playbook .subhero-video{ grid-column:2; grid-row:1 / 5; align-self:center; justify-self:center; width:100%; max-width:560px; margin:0; aspect-ratio:916/720; background:transparent; border:1px solid var(--line-strong); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md); }.playbook .subhero-video video{ width:100%; height:100%; object-fit:cover; display:block; }.playbook .sec{ padding:78px 0; }.playbook .sec-tint{ background:var(--bg-soft); }.playbook .sec-dark{ background:var(--nc-green-ink); }.playbook .sec-head{ text-align:center; max-width:66ch; margin:0 auto 46px; }.playbook .sec-head .k{ font-size:0.76rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--nc-green-deep); margin-bottom:14px; }.playbook .sec-head h2{ font-size:clamp(1.7rem, 3.6vw, 2.55rem); font-weight:800; color:var(--ink); line-height:1.1; letter-spacing:-0.02em; margin-bottom:14px; }.playbook .sec-head p{ font-size:1.06rem; color:var(--text); }.playbook .sec-dark .sec-head h2{ color:#fff; }.playbook .sec-dark .sec-head p{ color:rgba(255,255,255,0.82); }.playbook .buildflow{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }.playbook .buildflow-3{ grid-template-columns:repeat(3,1fr); max-width:1000px; margin-left:auto; margin-right:auto; }.playbook .bf-step{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:26px 22px; position:relative; }.playbook .bf-step .n{ width:34px; height:34px; border-radius:50%; background:var(--nc-green-deep); color:#fff; font-weight:800; font-size:0.9rem; display:grid; place-items:center; margin-bottom:16px; }.playbook .bf-step h4{ font-size:1.04rem; font-weight:700; color:var(--ink); margin-bottom:8px; }.playbook .bf-step p{ font-size:0.9rem; color:var(--text); }.playbook .analyze{ display:grid; grid-template-columns:1.05fr 1fr; gap:44px; align-items:center; }.playbook .analyze-list{ display:grid; gap:13px; }.playbook .analyze-list li{ list-style:none; display:flex; gap:14px; align-items:flex-start; background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-md); padding:16px 18px; }.playbook .analyze-list li .chk{ flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--bg-tint); color:var(--nc-green-deep); display:grid; place-items:center; margin-top:1px; }.playbook .analyze-list li strong{ display:block; color:var(--ink); font-size:0.97rem; margin-bottom:3px; }.playbook .analyze-list li span{ font-size:0.87rem; color:var(--text); }.playbook .diagram{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:26px; box-shadow:var(--shadow-md); }.playbook .diagram svg{ width:100%; height:auto; display:block; }.playbook .diagram-cap{ margin-top:16px; font-size:0.85rem; color:var(--text-muted); text-align:center; }.playbook .ctaband{ background:var(--nc-green-ink); border-radius:var(--radius-xl); padding:56px 40px; text-align:center; color:#fff; position:relative; overflow:hidden; }.playbook .ctaband h2{ font-size:clamp(1.6rem,3.4vw,2.35rem); font-weight:800; color:#fff; margin-bottom:14px; }.playbook .ctaband p{ color:rgba(255,255,255,0.82); max-width:54ch; margin:0 auto 26px; font-size:1.04rem; }.playbook .ctaband-ctas{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }.playbook .ctaband .btn-ghost,.playbook .pcard.dark .btn-ghost{
    background:rgba(255,255,255,.06);
    color:var(--nc-green-ink);
    border-color:#fff;
    font-weight:700;
}.playbook .ctaband .btn-ghost:hover,.playbook .pcard.dark .btn-ghost:hover{
    background:rgba(255,255,255,.08);
    border-color:#fff;
    color:var(--nc-green-ink);
}.playbook .ptable{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; align-items:stretch; max-width:920px; margin:0 auto; }.playbook .pcard{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:36px 30px; display:flex; flex-direction:column; }.playbook .pcard.dark{ background:var(--nc-green-ink); color:#fff; border-color:transparent; box-shadow:var(--shadow-lg); }.playbook .pcard .pk{ font-size:0.76rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--nc-green-deep); margin-bottom:12px; }.playbook .pcard.dark .pk{ color:var(--nc-green-bright); }.playbook .pcard h3{ font-size:1.45rem; font-weight:800; margin-bottom:8px; color:var(--ink); }.playbook .pcard.dark h3{ color:#fff; }.playbook .pcard .pdesc{ font-size:0.94rem; color:var(--text); margin-bottom:22px; }.playbook .pcard.dark .pdesc{ color:rgba(255,255,255,0.82); }.playbook .pcard ul{ list-style:none; display:grid; gap:11px; margin-bottom:26px; }.playbook .pcard li{ display:flex; gap:10px; font-size:0.91rem; align-items:flex-start; color:var(--text); }.playbook .pcard.dark li{ color:rgba(255,255,255,0.9); }.playbook .pcard li .chk{ flex-shrink:0; color:var(--nc-green-deep); margin-top:2px; }.playbook .pcard.dark li .chk{ color:var(--nc-green-bright); }.playbook .pcard .pfoot{ margin-top:auto; display:grid; gap:10px; }.playbook .pricewrap{ max-width:560px; margin:0 auto; }.playbook .pricecard{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:36px 32px; display:flex; flex-direction:column; box-shadow:var(--shadow-lg); }.playbook .pricecard .pk{ font-size:0.76rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--nc-green-deep); margin-bottom:14px; }.playbook .pricecard .priceline{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:16px; }.playbook .pricecard .priceline .amt{ font-size:3.4rem; font-weight:900; line-height:1; color:var(--ink); letter-spacing:-0.02em; }.playbook .pricecard .priceline .per{ font-size:0.95rem; font-weight:600; color:var(--text); }.playbook .pricecard .pdesc{ font-size:0.94rem; color:var(--text); margin-bottom:22px; }.playbook .pricecard ul{ list-style:none; display:grid; gap:11px; margin-bottom:22px; }.playbook .pricecard li{ display:flex; gap:10px; font-size:0.91rem; align-items:flex-start; color:var(--text); }.playbook .pricecard li .chk{ flex-shrink:0; color:var(--nc-green-deep); margin-top:2px; }.playbook .pricecard .pricefoot{ background:var(--nc-green-tint,#E8F8F0); border:1px solid rgba(12,196,129,0.28); border-radius:var(--radius-md,12px); padding:14px 16px; margin-bottom:22px; }.playbook .pricecard .maint-note{ font-size:0.9rem; color:var(--text); line-height:1.5; }.playbook .pricecard .maint-note strong{ color:var(--nc-green-deep); }.playbook .pricecard .pfoot{ margin-top:auto; display:grid; gap:10px; }.playbook .mia-pricing-note{ max-width:820px; margin:26px auto 0; text-align:center; font-size:0.92rem; line-height:1.6; color:var(--text-muted,#7A8780); }.playbook .statgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.playbook .statcard{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:28px 24px; box-shadow:var(--shadow-md); display:flex; flex-direction:column; }.playbook .statcard .stat-num{ font-size:2.9rem; font-weight:900; line-height:1; color:var(--nc-green-deep); letter-spacing:-0.02em; margin-bottom:12px; }.playbook .statcard .stat-claim{ font-size:0.98rem; font-weight:600; color:var(--ink); line-height:1.4; margin-bottom:8px; }.playbook .statcard .stat-body{ font-size:0.88rem; color:var(--text); line-height:1.5; margin-bottom:14px; }.playbook .statcard .stat-src{ margin-top:auto; font-size:0.72rem; color:var(--text-muted); }.playbook .statcard .stat-src a{ color:var(--nc-green-deep); text-decoration:none; }.playbook .statcard .stat-src a:hover{ text-decoration:underline; }.playbook .seo-method{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:36px; }.playbook .seo-step{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:26px 24px; position:relative; }.playbook .seo-step .n{ width:32px; height:32px; border-radius:50%; background:var(--nc-green-deep); color:#fff; font-weight:800; font-size:0.85rem; display:grid; place-items:center; margin-bottom:16px; }.playbook .seo-step h4{ font-size:1.02rem; font-weight:700; color:var(--ink); margin-bottom:8px; }.playbook .seo-step p{ font-size:0.89rem; color:var(--text); line-height:1.5; }.playbook .stat-disclaimer{ margin-top:26px; font-size:0.78rem; color:var(--text-muted); text-align:center; line-height:1.6; }.playbook .center{ text-align:center; }.playbook .mt40{ margin-top:40px; }.playbook .grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.playbook .grid-quad{ grid-template-columns:repeat(2,1fr); max-width:900px; margin-left:auto; margin-right:auto; }.playbook .mini-card{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:26px 24px; }.playbook .mini-card h4{ font-size:1.05rem; font-weight:700; color:var(--ink); margin-bottom:8px; }.playbook .mini-card p{ font-size:0.9rem; color:var(--text); }@media (max-width: 900px){.playbook .subhero .container{ grid-template-columns:1fr; grid-template-rows:none; row-gap:0; text-align:center; }.playbook .subhero .eyebrow,.playbook .subhero h1,.playbook .subhero .sub,.playbook .subhero-ctas{ grid-column:1; grid-row:auto; }.playbook .subhero .eyebrow{ justify-self:center; }.playbook .subhero h1,.playbook .subhero .sub{ max-width:100%; }.playbook .subhero-ctas{ justify-content:center; }.playbook .subhero-video{ grid-column:1; grid-row:1; width:min(440px,100%); margin:0 auto 34px; align-self:auto; justify-self:center; }.playbook .buildflow{ grid-template-columns:repeat(2,1fr); }.playbook .analyze{ grid-template-columns:1fr; gap:30px; }.playbook .ptable{ grid-template-columns:1fr; }.playbook .grid-3{ grid-template-columns:1fr; }.playbook .statgrid{ grid-template-columns:1fr; }.playbook .seo-method{ grid-template-columns:1fr; }.playbook .nav-dd-menu{ grid-template-columns:1fr; width:320px; }}@media (max-width:520px){.playbook .buildflow{ grid-template-columns:1fr; }}.playbook .stat-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }.playbook .stat-card{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:28px 26px; position:relative; overflow:hidden; }.playbook .stat-card::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#0CC481,#0AA06A); }.playbook .stat-card .stat-num{ font-size:clamp(2rem,4vw,2.9rem); font-weight:900; color:var(--ink); letter-spacing:-0.04em; line-height:1; margin-bottom:10px; }.playbook .stat-card .stat-label{ font-size:1.02rem; font-weight:600; color:var(--ink); margin-bottom:8px; }.playbook .stat-card .stat-body{ font-size:0.88rem; color:var(--text); line-height:1.55; }.playbook .stat-card .stat-source{ font-size:0.75rem; color:var(--text-muted); margin-top:12px; border-top:1px solid var(--line); padding-top:10px; font-style:italic; }.playbook .calc-wrap{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:36px 34px; box-shadow:var(--shadow-md); }.playbook .calc-wrap h3{ font-size:1.35rem; font-weight:800; color:var(--ink); margin-bottom:6px; }.playbook .calc-wrap .calc-desc{ font-size:0.92rem; color:var(--text); margin-bottom:28px; }.playbook .calc-fields{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:28px; }.playbook .calc-field label{ display:block; font-size:0.8rem; font-weight:700; color:var(--text-muted); letter-spacing:0.06em; text-transform:uppercase; margin-bottom:7px; }.playbook .calc-field input[type="number"],.playbook .calc-field input[type="range"]{ width:100%; }.playbook .calc-field input[type="number"]{ font-family:var(--font); font-size:1.05rem; font-weight:600; color:var(--ink); background:var(--bg-soft); border:1.5px solid var(--line-strong); border-radius:var(--radius-md); padding:12px 14px; outline:none; transition:border-color .2s; }.playbook .calc-field input[type="number"]:focus{ border-color:var(--nc-green); }.playbook .calc-field .field-hint{ font-size:0.73rem; color:var(--text-muted); margin-top:5px; }.playbook .calc-result{ background:var(--nc-green-ink); border-radius:var(--radius-lg); padding:30px 28px; color:#fff; }.playbook .calc-result h4{ font-size:0.76rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:rgba(255,255,255,0.55); margin-bottom:18px; }.playbook .calc-result-row{ display:flex; justify-content:space-between; align-items:baseline; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1); }.playbook .calc-result-row:last-child{ border-bottom:none; }.playbook .calc-result-row .rl{ font-size:0.9rem; color:rgba(255,255,255,0.75); }.playbook .calc-result-row .rv{ font-size:1.25rem; font-weight:800; color:#14FFB0; }.playbook .calc-result-row.highlight .rl{ font-weight:700; color:#fff; }.playbook .calc-result-row.highlight .rv{ font-size:1.55rem; color:#14FFB0; }.playbook .calc-assumption{ font-size:0.75rem; color:rgba(255,255,255,0.45); margin-top:14px; line-height:1.5; }.playbook .calc-grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }.playbook .rice-head,.playbook .rice-row{ display:grid; grid-template-columns:1.9fr 0.9fr 1.15fr 0.95fr 0.9fr 32px; gap:12px; align-items:center; }.playbook .rice-head{ margin-bottom:12px; padding:0 2px; }.playbook .rice-head span{ font-size:0.7rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--text-muted); }.playbook .rice-row{ margin-bottom:10px; }.playbook .rice-cell{ display:block; }.playbook .rice-cell > span{ display:none; font-size:0.68rem; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; color:var(--text-muted); margin-bottom:5px; }.playbook .rice-row input,.playbook .rice-row select{ width:100%; font-family:var(--font); font-size:0.95rem; font-weight:600; color:var(--ink); background:var(--bg-soft); border:1.5px solid var(--line-strong); border-radius:var(--radius-md); padding:10px 11px; outline:none; transition:border-color .2s; }.playbook .rice-row input:focus,.playbook .rice-row select:focus{ border-color:var(--nc-green); }.playbook .rice-del{ background:none; border:none; color:var(--text-muted); font-size:1.4rem; cursor:pointer; line-height:1; padding:4px; border-radius:6px; transition:color .15s,background .15s; justify-self:center; }.playbook .rice-del:hover{ color:#DD5F3E; background:rgba(221,95,62,0.08); }.playbook .rice-add{ margin-top:4px; font-family:var(--font); font-size:0.85rem; font-weight:700; color:var(--nc-green-deep); background:var(--bg-tint); border:1.5px dashed rgba(12,196,129,0.45); border-radius:var(--radius-md); padding:12px 20px; cursor:pointer; transition:background .15s; }.playbook .rice-add:hover{ background:rgba(12,196,129,0.12); }.playbook .rice-formula{ font-size:0.8rem; color:var(--text-muted); margin-top:16px; }.playbook .rice-formula code{ font-family:var(--font-mono,monospace); background:var(--bg-tint); color:var(--nc-green-deep); padding:2px 7px; border-radius:6px; font-weight:700; }.playbook .rice-rank-row{ display:flex; align-items:center; gap:14px; padding:13px 4px; border-bottom:1px solid rgba(255,255,255,0.1); }.playbook .rice-rank-row:last-child{ border-bottom:none; }.playbook .rice-rank-row .rr-pos{ font-size:1.05rem; font-weight:900; color:rgba(255,255,255,0.4); width:24px; flex:none; }.playbook .rice-rank-row .rr-name{ flex:1; font-size:0.96rem; font-weight:600; color:#fff; }.playbook .rice-rank-row .rr-score{ font-size:1.3rem; font-weight:800; color:#14FFB0; flex:none; }.playbook .rice-rank-row.top{ background:rgba(20,255,176,0.08); border-radius:10px; padding:13px 12px; }.playbook .rice-rank-row.top .rr-pos{ color:#14FFB0; }.playbook .rice-badge{ font-size:0.6rem; font-weight:700; letter-spacing:0.09em; text-transform:uppercase; background:#14FFB0; color:#04371f; border-radius:20px; padding:3px 9px; margin-left:9px; white-space:nowrap; }@media(max-width:760px){.playbook .rice-head{ display:none; }.playbook .rice-row{ grid-template-columns:1fr 1fr; gap:12px; padding:16px; background:var(--bg-soft); border:1px solid var(--line-strong); border-radius:14px; }.playbook .rice-row .rice-cell:first-child{ grid-column:1 / -1; }.playbook .rice-cell > span{ display:block; }.playbook .rice-del{ grid-column:1 / -1; justify-self:end; }}.playbook .fw-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }.playbook .fw-card{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:28px 26px; }.playbook .fw-card .fw-tag{ display:inline-block; font-size:0.72rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; background:var(--bg-tint); color:var(--nc-green-deep); border:1px solid rgba(12,196,129,0.25); border-radius:var(--radius-pill); padding:4px 12px; margin-bottom:14px; }.playbook .fw-card h4{ font-size:1.1rem; font-weight:800; color:var(--ink); margin-bottom:8px; }.playbook .fw-card p{ font-size:0.88rem; color:var(--text); line-height:1.6; margin-bottom:12px; }.playbook .fw-card .fw-use{ font-size:0.82rem; font-weight:600; color:var(--nc-green-deep); }.playbook .fw-diagram{ margin-top:18px; }.playbook .ba-table{ width:100%; border-collapse:collapse; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md); }.playbook .ba-table thead tr th{ padding:16px 20px; font-size:0.78rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; }.playbook .ba-table thead th:first-child{ background:var(--bg-cream); color:var(--text-muted); text-align:left; width:26%; }.playbook .ba-table thead th:nth-child(2){ background:#FFF0EE; color:#C0392B; text-align:left; }.playbook .ba-table thead th:nth-child(3){ background:rgba(255,255,255,.06); color:var(--nc-green-deep); text-align:left; }.playbook .ba-table tbody tr td{ padding:14px 20px; font-size:0.9rem; border-top:1px solid var(--line); vertical-align:top; line-height:1.5; }.playbook .ba-table tbody tr td:first-child{ background:var(--bg-soft); font-weight:700; color:var(--ink); font-size:0.85rem; }.playbook .ba-table tbody tr td:nth-child(2){ background:#FFFBFA; color:var(--text); }.playbook .ba-table tbody tr td:nth-child(3){ background:#FAFFFE; color:var(--text); }.playbook .ba-table tbody tr:hover td{ filter:brightness(0.98); }.playbook .maturity-stages{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--line-strong); border-radius:var(--radius-lg); overflow:hidden; margin-top:30px; }.playbook .maturity-stage{ padding:24px 20px; border-right:1px solid var(--line-strong); }.playbook .maturity-stage:last-child{ border-right:none; }.playbook .maturity-stage .ms-num{ width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-weight:800; font-size:0.9rem; color:#fff; margin-bottom:12px; }.playbook .maturity-stage h4{ font-size:1rem; font-weight:800; color:var(--ink); margin-bottom:8px; }.playbook .maturity-stage p{ font-size:0.83rem; color:var(--text); line-height:1.55; }.playbook .ms-1 .ms-num{ background:#B0BAB8; }.playbook .ms-2 .ms-num{ background:#5BC4A0; }.playbook .ms-3 .ms-num{ background:#0AA06A; }.playbook .ms-4 .ms-num{ background:var(--nc-green-ink); }.playbook .ms-1{ background:var(--bg-cream); }.playbook .ms-2{ background:#F0FBF7; }.playbook .ms-3{ background:#E2F8EF; }.playbook .ms-4{ background:var(--bg-tint); }.playbook .wedo-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }.playbook .wedo-card{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-lg); padding:22px 18px; text-align:center; }.playbook .wedo-card .wedo-icon{ width:48px; height:48px; border-radius:50%; background:var(--bg-tint); display:grid; place-items:center; margin:0 auto 14px; }.playbook .wedo-card .wedo-icon svg{ width:22px; height:22px; color:var(--nc-green-deep); }.playbook .wedo-card h4{ font-size:0.97rem; font-weight:800; color:var(--ink); margin-bottom:6px; }.playbook .wedo-card p{ font-size:0.8rem; color:var(--text); line-height:1.5; }.playbook .glossary-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.playbook .gloss-item{ background:rgba(255,255,255,.06); border:1px solid var(--line-strong); border-radius:var(--radius-md); padding:16px 18px; display:flex; gap:12px; align-items:flex-start; }.playbook .gloss-item .gt{ flex-shrink:0; font-size:0.75rem; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:var(--nc-green-deep); background:var(--bg-tint); border-radius:var(--radius-sm); padding:3px 9px; margin-top:2px; white-space:nowrap; }.playbook .gloss-item .gd{ font-size:0.87rem; color:var(--text); line-height:1.55; }.playbook .gloss-item .gd strong{ color:var(--ink); display:block; margin-bottom:2px; font-size:0.92rem; }.playbook .scheduler-embed{ min-height:600px; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--line-strong); background:var(--bg-soft); }.playbook .scheduler-card{ margin-top:36px; }.playbook .scheduler-fineprint{ text-align:center; font-size:0.83rem; color:var(--text-muted); margin-top:18px; }.playbook .scheduler-fineprint a{ color:var(--nc-green-deep); font-weight:600; }.playbook .scheduler-header{ text-align:center; margin-bottom:28px; }.playbook .scheduler-header .eyebrow{ margin-bottom:14px; }.playbook .decay-bar-wrap{ margin-top:20px; }.playbook .decay-row{ display:flex; align-items:center; gap:12px; margin-bottom:8px; }.playbook .decay-label{ width:90px; font-size:0.8rem; font-weight:600; color:var(--text); flex-shrink:0; text-align:right; }.playbook .decay-bar{ height:22px; border-radius:4px; transition:width .3s; display:flex; align-items:center; padding:0 8px; }.playbook .decay-pct{ font-size:0.75rem; font-weight:700; color:#fff; }.playbook input[type="range"]{ -webkit-appearance:none; appearance:none; height:4px; border-radius:2px; background:var(--line-strong); outline:none; cursor:pointer; }.playbook input[type="range"]::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:18px; height:18px; border-radius:50%; background:var(--nc-green); cursor:pointer; }.playbook input[type="range"]::-moz-range-thumb{ width:18px; height:18px; border-radius:50%; background:var(--nc-green); cursor:pointer; border:none; }.playbook .range-value{ font-size:0.9rem; font-weight:700; color:var(--nc-green-deep); margin-top:5px; }@media (max-width:900px){.playbook .stat-grid{ grid-template-columns:1fr; }.playbook .calc-fields{ grid-template-columns:1fr; }.playbook .calc-grid-2{ grid-template-columns:1fr; }.playbook .fw-grid{ grid-template-columns:1fr; }.playbook .maturity-stages{ grid-template-columns:1fr 1fr; }.playbook .wedo-grid{ grid-template-columns:repeat(3,1fr); }.playbook .glossary-grid{ grid-template-columns:1fr; }}@media (max-width:580px){.playbook .maturity-stages{ grid-template-columns:1fr; }.playbook .wedo-grid{ grid-template-columns:1fr 1fr; }}.playbook .fw-explorer{ margin-top:40px; display:flex; flex-direction:column; gap:52px; }.playbook .fw-explorer .method-track{ margin:0; }.playbook .fw-deepdive-lead{ text-align:center; margin:64px auto 8px; max-width:640px; }.playbook .fw-deepdive-lead .eyebrow{ display:inline-block; margin-bottom:8px; }.playbook .fw-deepdive-lead p{ color:var(--text); font-size:0.95rem; }.playbook{--bg:transparent;--bg-soft:rgba(255,255,255,.04);--bg-cream:rgba(255,255,255,.04);--bg-tint:rgba(12,196,129,.12);--ink:#F2F6F3;--ink-soft:#D5DCD8;--text:#BBC6C0;--text-muted:#8E9A93;--line:rgba(255,255,255,.1);--line-strong:rgba(255,255,255,.2);--nc-green:#0CC481;--nc-green-bright:#14FFB0;--nc-green-deep:#14FFB0;--nc-green-darker:#0CC481;--nc-green-ink:#0E1210;--nc-green-tint:rgba(12,196,129,.14);--nc-green-glow:rgba(12,196,129,.25);--warm:rgba(255,255,255,.04);--warm-soft:rgba(255,255,255,.03);--font:'Figtree',system-ui,sans-serif;--font-mono:'JetBrains Mono',monospace;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-pill:999px;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-glow:none;--container:1240px;font-size:16px;color:var(--text)}.playbook .container{max-width:1240px;margin:0 auto;padding:0 var(--gutter)}.playbook .btn{border-radius:999px;font-weight:600}.playbook .btn-primary{background:linear-gradient(135deg,#14FFB0,#0CC481);color:#0E1210;border-color:transparent}.playbook .btn-ghost{border-color:rgba(255,255,255,.2);color:#F2F6F3;background:rgba(255,255,255,.05)}.playbook h2,.playbook h3{font-family:'Outfit',sans-serif;font-weight:300;letter-spacing:-.03em;color:#F2F6F3}.playbook h4{color:#F2F6F3}.playbook .sec-head h2{font-weight:300}.playbook .fw-card h4,.playbook .mini-card h4,.playbook .wedo-card h4,.playbook .stat-label{font-weight:600}.playbook .sec{padding:clamp(56px,7vw,96px) 0}.playbook .sec-tint,.playbook .sec-alt-old{background:rgba(255,255,255,.02)}.playbook .eyebrow{background:none;border:0;padding:0;font-family:var(--font-mono);font-size:12.5px;color:#14FFB0;letter-spacing:.06em;text-transform:uppercase}.playbook .fw-card,.playbook .mini-card,.playbook .wedo-card,.playbook .calc,.playbook .calc-card,.playbook .stat,.playbook .stat-card,.playbook .research-card,.playbook .glossary-item,.playbook .maturity-stage,.playbook .ms,.playbook .ba-col,.playbook .ind-card,.playbook .sign-card,.playbook .method-track,.playbook .fw-tile,.playbook .calc-results,.playbook .fw-detail{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;color:var(--text)}.playbook .diagram,.playbook .fw-diagram{background:#F5F7F5!important;border-radius:12px;padding:12px;color:#1A2320}.playbook .diagram *{color:#1A2320}.playbook .diagram strong,.playbook .diagram b{color:#0E1210}.playbook .diagram-cap,.playbook .diagram .diagram-cap{color:#5E6863;font-size:12.5px;margin-top:8px}.playbook .decay-pct,.playbook .ms-num,.playbook .rr-pos,.playbook .rr-score,.playbook .rr-name{color:#F2F6F3}.playbook .ms-num{background:rgba(12,196,129,.18);border:1px solid #0CC481}.playbook .rice-results,.playbook .rr{background:rgba(255,255,255,.05);color:#F2F6F3}.playbook input,.playbook select{background:rgba(0,0,0,.3)!important;color:#F2F6F3!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px}.playbook input[type=range]{background:transparent!important;border:0!important}.playbook .eyebrow::after{display:none}.playbook .ctaband{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);border-radius:20px}.playbook .ctaband h2,.playbook .ctaband p{color:#F2F6F3}.playbook .method-tabs button{border-radius:999px}.playbook .method-tabs button.active{background:#14FFB0;color:#0E1210}.playbook table{color:var(--text)}.playbook th,.playbook td{border-color:rgba(255,255,255,.1)!important}.playbook a{color:#F2F6F3}.playbook a:hover{color:#14FFB0}.playbook .diagram td,.playbook .diagram th,.playbook .diagram table{color:#1A2320!important;background:transparent!important}.playbook .diagram th{color:#5E6863!important}.playbook .decay-pct{color:#0E1210!important}.playbook .ms-num{background:#14FFB0!important;color:#0E1210!important;border-color:transparent!important}.playbook .bf-step .n,.playbook .n{color:#0E1210}.playbook .btn-primary{background-color:#0CC481}.playbook a.btn-ghost,.playbook .btn.btn-ghost{background-color:rgba(255,255,255,.06)!important;background-image:none!important;color:#F2F6F3!important;border:1px solid rgba(255,255,255,.2)!important}.playbook .decay-pct{color:#0E1210!important;background:rgba(255,255,255,.9);padding:1px 7px;border-radius:999px;font-weight:600}.playbook button.active,.playbook .method-tabs button.active,.playbook .fw-chip.active{background:#14FFB0!important;background-image:none!important;color:#0E1210!important;border-color:transparent!important}.playbook .method-track{padding-top:48px;background:none!important;border:0!important;box-shadow:none!important}.playbook .method-track+.method-track{margin-top:24px;border-top:1px solid rgba(255,255,255,.08)!important}.playbook .method-track-head{align-items:center;gap:18px;margin-bottom:24px}.playbook .method-track-head h3{font-family:'Outfit',sans-serif;font-size:clamp(26px,2.8vw,36px);font-weight:300;letter-spacing:-.03em;color:#F2F6F3;margin:0;line-height:1.1}.playbook .method-track-head p{margin:6px 0 0;color:#8E9A93;font-size:14.5px}.playbook .method-track-idx{width:46px;height:46px;border-radius:12px;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:14px;color:#14FFB0;background:rgba(20,255,176,.1);border:1px solid rgba(20,255,176,.3)}.playbook .method-tabs{justify-content:flex-start;gap:8px;margin-bottom:18px}.playbook .method-tabs button{font-family:'Figtree',sans-serif;font-size:13px;font-weight:500;letter-spacing:0;padding:8px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#D5DCD8;border-radius:999px;overflow:visible}.playbook .method-tabs button:hover{border-color:#14FFB0;color:#F2F6F3}.playbook .method-tabs button.active::after{display:none}.playbook .method-panel{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:36px 40px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.playbook .method-copy .method-eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.08em;color:#14FFB0}.playbook .method-copy .method-title{font-family:'Outfit',sans-serif;font-weight:400;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em;color:#F2F6F3}.playbook .method-copy li{color:#D5DCD8;font-weight:400}.playbook .method-diagram{background:#F5F7F5;border-radius:14px;padding:20px 30px;min-height:220px;overflow:hidden}.playbook .method-diagram svg{max-height:280px;overflow:visible}.playbook .method-track,.playbook .method-stage{max-width:none}@media (max-width:820px){.playbook .method-panel{padding:26px 22px}}:is(:root[data-theme=light],.t-light) .playbook{--ink:#0E1210;--ink-soft:#26302B;--text:#3D4844;--text-muted:#5E6863;--line:rgba(14,18,16,.1);--line-strong:rgba(14,18,16,.2);--nc-green-bright:#076E48;--nc-green-deep:#076E48;--nc-green-darker:#076E48;--bg-tint:rgba(12,196,129,.12);color:#3D4844}:is(:root[data-theme=light],.t-light) .playbook h2,:is(:root[data-theme=light],.t-light) .playbook h3,:is(:root[data-theme=light],.t-light) .playbook h4,:is(:root[data-theme=light],.t-light) .playbook .method-track-head h3,:is(:root[data-theme=light],.t-light) .playbook .method-copy .method-title,:is(:root[data-theme=light],.t-light) .playbook .ctaband h2,:is(:root[data-theme=light],.t-light) .playbook .ctaband p,:is(:root[data-theme=light],.t-light) .playbook a,:is(:root[data-theme=light],.t-light) .playbook .decay-pct{color:#0E1210}:is(:root[data-theme=light],.t-light) .playbook .eyebrow,:is(:root[data-theme=light],.t-light) .playbook .method-copy .method-eyebrow,:is(:root[data-theme=light],.t-light) .playbook .method-track-idx,:is(:root[data-theme=light],.t-light) .playbook a:hover{color:#087A50}:is(:root[data-theme=light],.t-light) .playbook .fw-card,:is(:root[data-theme=light],.t-light) .playbook .mini-card,:is(:root[data-theme=light],.t-light) .playbook .wedo-card,:is(:root[data-theme=light],.t-light) .playbook .calc,:is(:root[data-theme=light],.t-light) .playbook .calc-card,:is(:root[data-theme=light],.t-light) .playbook .stat,:is(:root[data-theme=light],.t-light) .playbook .stat-card,:is(:root[data-theme=light],.t-light) .playbook .research-card,:is(:root[data-theme=light],.t-light) .playbook .glossary-item,:is(:root[data-theme=light],.t-light) .playbook .maturity-stage,:is(:root[data-theme=light],.t-light) .playbook .ms,:is(:root[data-theme=light],.t-light) .playbook .ba-col,:is(:root[data-theme=light],.t-light) .playbook .ind-card,:is(:root[data-theme=light],.t-light) .playbook .sign-card,:is(:root[data-theme=light],.t-light) .playbook .fw-tile,:is(:root[data-theme=light],.t-light) .playbook .calc-results,:is(:root[data-theme=light],.t-light) .playbook .fw-detail,:is(:root[data-theme=light],.t-light) .playbook .method-panel,:is(:root[data-theme=light],.t-light) .playbook .ctaband{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.6))!important;border:1px solid rgba(14,18,16,.1)!important;box-shadow:inset 0 1px 0 #fff!important;color:#3D4844}:is(:root[data-theme=light],.t-light) .playbook .method-tabs button{background:rgba(255,255,255,.7);border-color:rgba(14,18,16,.16);color:#26302B}:is(:root[data-theme=light],.t-light) .playbook .method-tabs button:hover{border-color:#087A50;color:#0E1210}:is(:root[data-theme=light],.t-light) .playbook .method-track+.method-track{border-top-color:rgba(14,18,16,.1)!important}:is(:root[data-theme=light],.t-light) .playbook .method-copy li,:is(:root[data-theme=light],.t-light) .playbook .method-copy p,:is(:root[data-theme=light],.t-light) .playbook table,:is(:root[data-theme=light],.t-light) .playbook .method-track-head p{color:#3D4844}:is(:root[data-theme=light],.t-light) .playbook th,:is(:root[data-theme=light],.t-light) .playbook td{border-color:rgba(14,18,16,.1)!important}:is(:root[data-theme=light],.t-light) .playbook input,:is(:root[data-theme=light],.t-light) .playbook select{background:#fff!important;color:#0E1210!important;border-color:rgba(14,18,16,.2)!important}:is(:root[data-theme=light],.t-light) .playbook .btn-ghost,:is(:root[data-theme=light],.t-light) .playbook a.btn-ghost{background-color:rgba(255,255,255,.7)!important;color:#0E1210!important;border-color:rgba(14,18,16,.2)!important}:is(:root[data-theme=light],.t-light) .playbook .calc-result,:is(:root[data-theme=light],.t-light) .playbook .rice-results{background:#0B1015!important;border:1px solid rgba(255,255,255,.14)!important;color:#F2F6F3}:is(:root[data-theme=light],.t-light) .playbook .calc-result h4,:is(:root[data-theme=light],.t-light) .playbook .rice-results h4{color:rgba(255,255,255,.6)}:is(:root[data-theme=light],.t-light) .playbook .bf-step .n,:is(:root[data-theme=light],.t-light) .playbook .n{background:#0CC481!important;color:#0E1210!important}:is(:root[data-theme=light],.t-light) .playbook .fw-tag{color:#06603F!important}:is(:root[data-theme=light],.t-light) .playbook .ms-num,:is(:root[data-theme=light],.t-light) .playbook button.active,:is(:root[data-theme=light],.t-light) .playbook .method-tabs button.active{background:#0CC481!important;color:#0E1210!important}:is(:root[data-theme=light],.t-light) .playbook .bf-step .n,:is(:root[data-theme=light],.t-light) .playbook .n{color:#0E1210}