﻿@keyframes aiwk-rise-in {
    from {
        transform: translateY(1.1rem);
        opacity: 0;
    }

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

@keyframes aiwk-aurora-drift {
    from {
        transform: translate3d(-1.5%, 0, 0) rotate(-2deg) scale(1);
    }

    to {
        transform: translate3d(1.5%, 1.2%, 0) rotate(1deg) scale(1.04);
    }
}

@keyframes aiwk-grid-float {
    to {
        background-position: 46px 46px, 46px 46px, 104px 104px;
    }
}

@keyframes aiwk-comet {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(0.82);
        opacity: 0.45;
    }

    50% {
        transform: translate3d(18rem, 6.2rem, 0) scale(1.18);
        opacity: 1;
    }
}

@keyframes aiwk-title-shimmer {
    0%,
    100% {
        background-position: 0% 50%;
    }

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

@keyframes aiwk-pulse-glow {
    0%,
    100% {
        transform: scale(0.98);
        opacity: 0.62;
    }

    50% {
        transform: scale(1.04);
        opacity: 0.9;
    }
}

@keyframes aiwk-spark-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes aiwk-twinkle {
    0%,
    100% {
        transform: scale(0.72);
        opacity: 0.35;
    }

    50% {
        transform: scale(1.45);
        opacity: 1;
    }
}

@keyframes aiwk-orbit {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 767px) {
    .aiwk-home {
        background:
            radial-gradient(circle at 50% 0%, rgba(47, 124, 255, 0.16), transparent 18rem),
            linear-gradient(180deg, #020617 0%, #06101e 48%, #020617 100%);
    }

    .aiwk-section {
        padding: 3.45rem 0;
    }

    .aiwk-container {
        width: min(100% - 1.35rem, 1180px);
    }

    .aiwk-section::before {
        opacity: 0.55;
    }

    .aiwk-section::after,
    .aiwk-orb,
    .aiwk-authority-orb,
    .aiwk-spark-field,
    .aiwk-magic-path,
    .aiwk-constellation-mark,
    .aiwk-wand-orbit,
    .aiwk-launch-card::before {
        display: none;
    }

    .aiwk-grid-bg {
        opacity: 0.22;
        background-size: 34px 34px;
        animation: none;
    }

    .aiwk-section-header {
        margin-bottom: 1.55rem;
        text-align: left;
    }

    .aiwk-section-header .aiwk-eyebrow,
    .aiwk-speaking-header h2,
    .aiwk-speaking-header p,
    .aiwk-launch-header h2,
    .aiwk-launch-header p:not(.aiwk-eyebrow) {
        margin-inline: 0;
    }

    .aiwk-section h1 {
        font-size: clamp(2.15rem, 10.4vw, 3.05rem);
        line-height: 1;
        letter-spacing: -0.065em;
    }

    .aiwk-section h2 {
        font-size: clamp(2rem, 9vw, 2.9rem);
        line-height: 1.02;
        letter-spacing: -0.055em;
    }

    .aiwk-section h3 {
        font-size: 1.05rem;
        line-height: 1.2;
    }

    .aiwk-section p {
        font-size: 0.96rem;
        line-height: 1.58;
    }

    .aiwk-eyebrow,
    .aiwk-spellbook-label,
    .aiwk-story-label,
    .aiwk-mentor-kicker {
        letter-spacing: 0.08em;
    }

    .aiwk-button-row {
        gap: 0.65rem;
        margin-top: 1.25rem;
    }

    .aiwk-button {
        width: 100%;
        min-height: 2.78rem;
        padding: 0.7rem 1rem;
        box-shadow: none;
    }

    .aiwk-card,
    .aiwk-photo-card,
    .aiwk-product-panel,
    .aiwk-talk-list article,
    .aiwk-about-card,
    .aiwk-cta-card,
    .aiwk-feature-band,
    .aiwk-authority-proof,
    .aiwk-stage-card {
        border-radius: 1.18rem;
        box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22);
    }

    .aiwk-card,
    .aiwk-talk-list article,
    .aiwk-about-card,
    .aiwk-feature-band,
    .aiwk-authority-proof {
        padding: 1rem;
    }

    .aiwk-card {
        min-height: auto;
    }

    .aiwk-card-grid,
    .aiwk-mini-feature-grid,
    .aiwk-media-grid,
    .aiwk-talk-list {
        gap: 0.75rem;
    }

    .aiwk-hero {
        min-height: auto;
        padding-top: 2.4rem;
    }

    .aiwk-hero-premium {
        background:
            radial-gradient(circle at 50% 18%, rgba(34, 211, 238, 0.16), transparent 16rem),
            linear-gradient(180deg, rgba(2, 6, 23, 0.96), rgba(8, 11, 32, 0.98));
    }

    .aiwk-hero-grid {
        gap: 1.15rem;
    }

    .aiwk-hero-copy {
        order: 1;
    }

    .aiwk-hero-copy h1,
    .aiwk-mindset-copy h2,
    .aiwk-authority-header h2 {
        max-width: none;
    }

    .aiwk-hero-copy h1 span::after {
        height: 0.055em;
        opacity: 0.72;
    }

    .aiwk-hero-lede {
        font-size: 1rem;
        line-height: 1.48;
    }

    .aiwk-hero-photo {
        transform: none;
    }

    .aiwk-hero-visual {
        order: 2;
        min-height: auto;
        margin-top: 0;
    }

    .aiwk-photo-halo {
        inset: 0.65rem 15% auto;
        height: 80%;
        opacity: 0.45;
        animation: none;
    }

    .aiwk-hero-photo {
        max-width: min(66vw, 17rem);
        border-radius: 1.2rem;
    }

    .aiwk-hero-photo::before {
        opacity: 0.32;
    }

    .aiwk-mindset-lede {
        font-size: 1.02rem;
        line-height: 1.58;
    }

    .aiwk-mindset-mantra {
        display: flex;
        width: 100%;
        margin-top: 1rem;
        padding: 0.75rem 0.85rem;
        border: 1px solid rgba(250, 204, 21, 0.28);
        border-left-width: 1px;
        border-radius: 0.95rem;
        background: rgba(250, 204, 21, 0.075);
        font-size: 0.9rem;
    }

    .aiwk-mindset-mantra::before {
        display: none;
    }

    .aiwk-quote-card {
        padding: 1.05rem;
    }

    .aiwk-quote-card blockquote {
        max-width: none;
        font-size: clamp(1.35rem, 7vw, 2rem);
        line-height: 1.08;
    }

    .aiwk-authority-intro {
        gap: 0.9rem;
        margin-bottom: 1rem;
    }

    .aiwk-authority-proof strong {
        font-size: 1.35rem;
    }

    .aiwk-mentor-grid,
    .aiwk-floating-gallery {
        display: flex;
        gap: 0.8rem;
        margin-inline: -0.68rem;
        overflow-x: auto;
        padding: 0 0.68rem 0.35rem;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .aiwk-mentor-grid::-webkit-scrollbar,
    .aiwk-floating-gallery::-webkit-scrollbar {
        display: none;
    }

    .aiwk-mentor-card,
    .aiwk-floating-gallery .aiwk-media-tile {
        flex: 0 0 min(78vw, 19rem);
        scroll-snap-align: start;
    }

    .aiwk-mentor-card .aiwk-media-frame.aiwk-photo-aspect {
        aspect-ratio: 4 / 4.45;
    }

    .aiwk-mentor-copy {
        min-height: auto;
        padding: 0.85rem;
    }

    .aiwk-magic-module {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 0.85rem;
        align-items: start;
        min-height: auto;
        padding: 1rem;
    }

    .aiwk-magic-module::after {
        opacity: 0.45;
    }

    .aiwk-offer-icon {
        grid-row: span 3;
        width: 2.55rem;
        height: 2.55rem;
        margin-bottom: 0;
        border-radius: 0.82rem;
    }

    .aiwk-offer-icon svg {
        width: 1.28rem;
        height: 1.28rem;
    }

    .aiwk-magic-module h3 {
        margin: 0 0 0.35rem;
    }

    .aiwk-magic-module p {
        font-size: 0.9rem;
    }

    .aiwk-builder-lab {
        width: 100%;
    }

    .aiwk-console-bar {
        margin-bottom: 0.75rem;
        padding: 0.68rem 0.85rem;
    }

    .aiwk-console-bar strong {
        font-size: 0.64rem;
        letter-spacing: 0.08em;
    }

    .aiwk-builder-preview {
        gap: 0.58rem;
        padding: 0.72rem;
        border-radius: 1rem;
    }

    .aiwk-prompt-card,
    .aiwk-launch-preview {
        border-radius: 0.85rem;
    }

    .aiwk-launch-preview-hero {
        min-height: 3.4rem;
    }

    .aiwk-builder-feature-grid article {
        padding: 0.95rem;
    }

    .aiwk-speaking-showcase {
        gap: 0.85rem;
    }

    .aiwk-speaking-photo {
        min-height: 11rem;
        margin-top: 0;
    }

    .aiwk-stage-card-copy {
        padding: 1rem;
    }

    .aiwk-stage-card-copy h3 {
        max-width: none;
        margin-top: 0.55rem;
        font-size: 1.35rem;
    }

    .aiwk-stage-list article {
        min-height: auto;
    }

    .aiwk-story-card h3 {
        font-size: 1.55rem;
    }

    .aiwk-floating-gallery .aiwk-media-tile {
        min-height: 20rem;
        border-radius: 1.1rem;
    }

    .aiwk-floating-card {
        right: 50%;
        bottom: 0.25rem;
        transform: translateX(50%);
    }

    .aiwk-floating-gallery .aiwk-media-tile:nth-child(2),
    .aiwk-floating-gallery .aiwk-media-tile:nth-child(4) {
        transform: none;
    }

    .aiwk-floating-gallery figcaption {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
    }

    .aiwk-launch-section {
        padding-bottom: 3.8rem;
    }

    .aiwk-launch-card {
        padding: 1rem;
        text-align: left;
    }

    .aiwk-launch-card::after {
        inset: 0.65rem;
        border-radius: 1rem;
    }

    .aiwk-button-row-center {
        justify-content: flex-start;
    }

    .aiwk-contact-note {
        margin-top: 0.85rem;
        font-size: 0.84rem;
        text-align: center;
    }

    .aiwk-button:hover,
    .aiwk-button:focus,
    .aiwk-magic-module:hover,
    .aiwk-stage-list article:hover,
    .aiwk-mentor-card:hover,
    .aiwk-floating-gallery .aiwk-media-tile:hover {
        transform: none;
    }
}

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

    .aiwk-button,
    .aiwk-spark-field span,
    .aiwk-hero-aurora,
    .aiwk-magic-path::before,
    .aiwk-grid-bg,
    .aiwk-hero-copy,
    .aiwk-hero-copy h1 span,
    .aiwk-hero-visual,
    .aiwk-photo-halo,
    .aiwk-constellation-mark span,
    .aiwk-wand-orbit,
    .aiwk-launch-card::before,
    .aiwk-mentor-card,
    .aiwk-magic-module,
    .aiwk-stage-list article,
    .aiwk-floating-gallery .aiwk-media-tile {
        transition: none;
        animation: none;
    }
}
