@import url("./w2-home.css");

/* CowTech W1 — Electric Protocol; layered over the shared W2 layout system. */
body.cowtech-w2.preview-w1 {
    --w2-black: #05090d;
    --w2-panel: #07151b;
    --w2-panel-2: #0a1d25;
    --w2-lime: #26f3ff;
    --w2-lime-soft: #8edce3;
    --w2-line: #1b5360;
    --w2-muted: #83a7b0;
    --w2-white: #e9fdff;
    --w2-font: "Rajdhani", "Arial Narrow", "SFMono-Regular", monospace;
    background-color: #05090d;
    background-image:
        linear-gradient(rgba(38,243,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(38,243,255,.035) 1px, transparent 1px);
    background-size: 48px 48px;
}

body.preview-w1 .launch-pack-standalone {
    max-width: 1180px;
    margin: 0 auto 32px;
}

body.preview-w1 .pkg-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.preview-w1 .launch-pack-standalone > .pkg-card {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
    column-gap: 32px;
    align-items: center;
    min-height: auto;
    border-color: rgba(38, 243, 255, .42);
    background: linear-gradient(115deg, rgba(38, 243, 255, .08), rgba(7, 21, 27, .96) 52%);
}

body.preview-w1 .launch-pack-standalone .pkg-badge,
body.preview-w1 .launch-pack-standalone h3,
body.preview-w1 .launch-pack-standalone .pkg-sub,
body.preview-w1 .launch-pack-standalone .pkg-features,
body.preview-w1 .launch-pack-standalone .pkg-stats {
    grid-column: 1;
}

body.preview-w1 .launch-pack-standalone .pkg-price,
body.preview-w1 .launch-pack-standalone .one-time-checkout {
    grid-column: 2;
}

body.preview-w1 .launch-pack-standalone .pkg-price {
    grid-row: 1 / span 3;
    align-self: end;
    text-align: center;
}

body.preview-w1 .launch-pack-standalone .one-time-checkout {
    grid-row: 4 / span 3;
    align-self: start;
    text-align: center;
}

@media (max-width: 760px) {
    body.preview-w1 .launch-pack-standalone > .pkg-card {
        display: block;
    }
}

@media (min-width: 761px) and (max-width: 1024px) {
    body.preview-w1 .pkg-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

body.preview-w1 > nav:first-of-type {
    border-bottom: 1px solid #1c5663;
    background: rgba(5,9,13,.92);
    box-shadow: 0 12px 40px rgba(0,225,255,.05);
}
body.preview-w1 .logo img { filter: grayscale(1) invert(1) brightness(2.2) drop-shadow(0 0 10px rgba(38,243,255,.2)); }

/* Language selector — compact signal console, shared by desktop and mobile. */
body.preview-w1 .language-menu {
    position: relative;
    font-family: var(--w2-font);
}
body.preview-w1 .language-menu details,
body.preview-w1 details.language-menu { position: relative; }
body.preview-w1 .language-menu summary {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid rgba(142,220,227,.34);
    border-radius: 8px;
    background: rgba(10,29,37,.68);
    color: #dffcff;
    cursor: pointer;
    list-style: none;
    user-select: none;
    box-shadow: inset 0 1px 0 rgba(233,253,255,.04);
    transition: border-color 150ms ease-out, background-color 150ms ease-out, box-shadow 150ms ease-out;
}
body.preview-w1 .language-menu summary::-webkit-details-marker { display: none; }
body.preview-w1 .language-menu summary::before {
    content: "";
    width: 2px;
    height: 16px;
    border-radius: 2px;
    background: #26f3ff;
    box-shadow: 0 0 10px rgba(38,243,255,.42);
}
body.preview-w1 .language-menu summary:hover,
body.preview-w1 .language-menu details[open] > summary,
body.preview-w1 details.language-menu[open] > summary {
    border-color: rgba(38,243,255,.74);
    background: #0a232b;
    box-shadow: inset 0 1px 0 rgba(233,253,255,.06), 0 0 0 3px rgba(38,243,255,.06);
}
body.preview-w1 .language-menu svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
body.preview-w1 .language-globe { width: 17px; height: 17px; color: #8edce3; }
body.preview-w1 .language-current {
    color: #e9fdff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1;
    white-space: nowrap;
}
body.preview-w1 .language-chevron {
    width: 15px;
    height: 15px;
    color: #5f98a2;
    transition: transform 180ms cubic-bezier(.32,.72,0,1), color 150ms ease-out;
}
body.preview-w1 .language-menu details[open] .language-chevron,
body.preview-w1 details.language-menu[open] .language-chevron { color: #26f3ff; transform: rotate(180deg); }
body.preview-w1 .language-popover {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 1000;
    width: 216px;
    padding: 8px;
    border: 1px solid #2b7480;
    border-radius: 10px;
    background: rgba(7,21,27,.98);
    box-shadow: 0 18px 44px rgba(0,0,0,.42), 0 0 28px rgba(38,243,255,.07), inset 0 1px 0 rgba(233,253,255,.05);
    transform-origin: top right;
    animation: w1-language-in 180ms cubic-bezier(.32,.72,0,1) both;
}
body.preview-w1 .language-caption {
    display: block;
    padding: 7px 10px 9px;
    color: #608f98;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}
body.preview-w1 .nav-links .language-popover a,
body.preview-w1 .language-popover a,
body.preview-w1 .mobile-nav .language-popover a {
    min-height: 42px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto 16px;
    align-items: center;
    column-gap: 10px;
    padding: 0 10px;
    border: 0;
    border-radius: 7px;
    color: #9fc6cd !important;
    text-decoration: none;
    background: transparent !important;
    font-family: var(--w2-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: none;
    transition: color 150ms ease-out, background-color 150ms ease-out;
}
body.preview-w1 .language-popover a + a { margin-top: 2px; }
body.preview-w1 .language-popover a:hover { color: #e9fdff !important; background: rgba(38,243,255,.08) !important; }
body.preview-w1 .language-popover a[aria-current="page"] {
    color: #e9fdff !important;
    background: rgba(38,243,255,.11) !important;
    box-shadow: inset 2px 0 0 #26f3ff;
}
body.preview-w1 .language-popover a small {
    color: #5e8d96;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
}
body.preview-w1 .language-popover a > svg { width: 15px; height: 15px; color: #b8ff63; }
body.preview-w1 .language-menu-mobile { display: none; }

@keyframes w1-language-in {
    from { opacity: 0; transform: translateY(-5px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

body.preview-w1 .nav-cta,
body.preview-w1 .hero-actions .btn:first-child,
body.preview-w1 .btn-scanner,
body.preview-w1 .btn-gold {
    background: #26f3ff !important;
    color: #031014 !important;
    clip-path: polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
}
body.preview-w1 .hero {
    background:
        radial-gradient(circle at 84% 45%, rgba(0,230,255,.13), transparent 34%),
        transparent;
}
body.preview-w1 .hero::after { content: "W1 // ELECTRIC PROTOCOL"; color: #b8ff63; }
body.preview-w1 .hero-badge-new::after { content: "AI VISIBILITY NETWORK // ONLINE"; }
body.preview-w1 .hero-badge-new::before { box-shadow: 0 0 14px #26f3ff; }
body.preview-w1 .hero h1 {
    color: #e9fdff;
    letter-spacing: -.065em;
    text-shadow: 0 0 44px rgba(38,243,255,.13);
}
body.preview-w1 .w2-network-panel {
    border: 1px solid #2cdce7;
    background: rgba(5,20,26,.9);
    box-shadow: 0 0 0 10px rgba(10,34,42,.52), 0 0 70px rgba(0,230,255,.12);
    clip-path: polygon(0 0,94% 0,100% 6%,100% 100%,6% 100%,0 94%);
}
body.preview-w1 .w2-network-head { border-bottom: 1px solid #1b5360; }
body.preview-w1 .w2-terminal-copy { color: #4a7881; }
body.preview-w1 .w2-orbit {
    border: 1px solid #277886;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    box-shadow: inset 0 0 42px rgba(38,243,255,.08), 0 0 34px rgba(38,243,255,.08);
}
body.preview-w1 .w2-orbit::before,
body.preview-w1 .w2-orbit::after { border-radius: 50%; border-color: #2b91a0; }
body.preview-w1 .w2-orbit::after { border-color: #26f3ff; box-shadow: 0 0 18px rgba(38,243,255,.32); }
body.preview-w1 .w2-core {
    border: 1px solid #26f3ff;
    border-radius: 50%;
    background: #07151b;
    color: #26f3ff;
    box-shadow: 0 0 36px rgba(38,243,255,.28);
}
body.preview-w1 .w2-node {
    border: 1px solid #2b8190;
    border-radius: 50%;
    background: #071820;
    color: #c9faff;
    box-shadow: 0 0 17px rgba(38,243,255,.16);
}
body.preview-w1 .w2-live,
body.preview-w1 .w2-network-stats b,
body.preview-w1 .w2-protocol-inner b { color: #b8ff63; }
body.preview-w1 .w2-live::before { background: #b8ff63; box-shadow: 0 0 12px #b8ff63; }
body.preview-w1 .w2-network-stats {
    border-top: 1px solid #1b5360;
    background: #07141a;
    color: #b8ff63;
}
body.preview-w1 .w2-network-stats > span + span { border-left: 1px solid #1b5360; }
body.preview-w1 .w2-protocol-strip {
    border-color: #1b5360;
    background: #071116;
    color: #dffcff;
}
body.preview-w1 .w2-protocol-inner > div + div { border-color: #1b5360; }
body.preview-w1 .surface-matrix,
body.preview-w1 .pkg-grid,
body.preview-w1 .addon-panel,
body.preview-w1 .service-grid,
body.preview-w1 .delivery-grid { border-width: 1px; }
body.preview-w1 .surface-tier.pro,
body.preview-w1 .pkg-card.selected {
    background: #0a232b;
    color: #d8f8fb;
    box-shadow: inset 0 0 45px rgba(38,243,255,.08);
}
body.preview-w1 .surface-tier.pro h3,
body.preview-w1 .surface-tier.pro .surface-count,
body.preview-w1 .pkg-card.selected h3,
body.preview-w1 .pkg-card.selected .pkg-price,
body.preview-w1 .pkg-card.selected .amount,
body.preview-w1 .pkg-card.selected .period { color: #b8ff63 !important; }
body.preview-w1 .pkg-card.selected .pkg-badge,
body.preview-w1 .surface-tier.pro .surface-chip { border-color: #26f3ff; color: #e9fdff; }
body.preview-w1 .pkg-card.selected .pkg-features li { border-color: #1b5360; }
body.preview-w1 .pkg-card.selected .pkg-features li::before { color: #b8ff63; }
body.preview-w1 .pkg-card.selected .select-indicator { border-color: #b8ff63; background: #b8ff63; }
body.preview-w1 .service-card,
body.preview-w1 .report-preview,
body.preview-w1 .dashboard-preview,
body.preview-w1 .geo-section > div > div > div { background: rgba(7,21,27,.86) !important; }
body.preview-w1 .service-icon { border-radius: 50%; box-shadow: 0 0 18px rgba(38,243,255,.12); }
body.preview-w1 .case-tag,
body.preview-w1 .flow-num,
body.preview-w1 .faq-number { border-radius: 999px; }
body.preview-w1 .faq-number { background: #b8ff63; color: #071116; }
body.preview-w1 .cta-section {
    border-color: #26f3ff;
    background: linear-gradient(110deg, #26f3ff 0%, #66f9cf 62%, #b8ff63 100%);
    color: #031014;
}
body.preview-w1 .cta-section h2 { color: #031014; }
body.preview-w1 .cta-section p { color: #16444a; }
body.preview-w1 .cta-section .btn { border-color: #031014 !important; background: #031014 !important; color: #b8ff63 !important; }
body.preview-w1 .trial-banner { background: #06141a; }
body.preview-w1 footer { background: #03070a; }

@media (max-width: 760px) {
    body.preview-w1 .language-menu-mobile {
        display: block;
        margin-top: 22px;
        padding-top: 18px;
        border-top: 1px solid #1b5360;
    }
    body.preview-w1 .language-menu-mobile > summary {
        min-height: 54px;
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0,1fr) auto 18px;
        gap: 10px;
        padding: 0 13px;
    }
    body.preview-w1 .language-menu-mobile > summary::before { display: none; }
    body.preview-w1 .language-summary-label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #7aaab3;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .1em;
        text-transform: uppercase;
    }
    body.preview-w1 .language-menu-mobile .language-current { justify-self: end; font-size: 10px; }
    body.preview-w1 .language-menu-mobile .language-popover {
        position: static;
        width: 100%;
        margin-top: 8px;
        border-color: #1b5360;
        box-shadow: inset 0 1px 0 rgba(233,253,255,.04);
        transform-origin: top center;
    }
    body.preview-w1 .mobile-nav .language-popover a {
        min-height: 46px;
        padding-inline: 12px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.preview-w1 .language-popover { animation: none; }
    body.preview-w1 .language-chevron { transition: none; }
}