:root {
            --primary: #6EC7E6;
            --primary-dark: #2E8FAA;
            --primary-invite: #6EC7E6;
            --ink: #FFFFFF;
            --ink-secondary: #9A9A9A;
            --ink-tertiary: #666666;
            --ink-timestamp: #9A9A9A;
            --ink-on-primary: #002F3A;
            --canvas: #000000;
            --surface-card: #1C1C1E;
            --surface-row: #1C1C1E;
            --surface-input: #2A2A2D;
            --surface-chip-active: #6EC7E6;
            --surface-chip-inactive: #2A2A2D;
            --surface-banner: #1C1C1E;
            --surface-tooltip: #2A2A2D;
            --surface-button-dark: #2A2A2D;
            --badge-bg: #6EC7E6;
            --badge-ink: #002F3A;
            --divider: #303034;
            --verified-badge: #6EC7E6;
            --icon-muted: #9A9A9A;
            --icon-active: #FFFFFF;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            min-width: 320px;
            background: var(--canvas);
            color: var(--ink);
            font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            line-height: 1.5;
            letter-spacing: 0;
        }

        body::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at top left, rgba(110, 199, 230, 0.14), transparent 34rem),
                linear-gradient(180deg, rgba(46, 143, 170, 0.12), transparent 24rem);
            opacity: 0.78;
            z-index: -1;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        img {
            display: block;
            max-width: 100%;
        }

        .page {
            overflow: hidden;
        }

        .container {
            width: min(1160px, calc(100% - 40px));
            margin: 0 auto;
        }

        .site-header {
            position: fixed;
            z-index: 50;
            top: 0;
            right: 0;
            left: 0;
            border-bottom: 1px solid rgba(44, 44, 46, 0.8);
            background: rgba(0, 0, 0, 0.82);
            backdrop-filter: blur(20px);
        }

        .nav {
            width: min(1180px, calc(100% - 32px));
            min-height: 74px;
            margin: 0 auto;
            padding-top: env(safe-area-inset-top);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
        }

        .brand {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: 1.28rem;
            font-weight: 800;
            letter-spacing: 0;
            white-space: nowrap;
        }

        .brand img {
            width: 38px;
            height: 38px;
            border-radius: 8px;
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
        }

        .brand-word {
            display: inline-flex;
            gap: 0;
            align-items: baseline;
        }

        .brand-word span {
            color: var(--primary);
        }

        .nav-links {
            display: flex;
            align-items: center;
            gap: 28px;
            color: var(--ink-secondary);
            font-size: 0.94rem;
            font-weight: 650;
        }

        .nav-links a {
            transition: color 180ms ease;
        }

        .nav-links a:hover {
            color: var(--ink);
        }

        .mobile-only-link {
            display: none;
        }

        .nav-actions {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .mobile-toggle {
            display: none;
            width: 42px;
            height: 42px;
            place-items: center;
            border: 1px solid var(--divider);
            border-radius: 8px;
            background: var(--surface-button-dark);
            color: var(--ink);
            cursor: pointer;
        }

        .mobile-toggle span,
        .mobile-toggle span::before,
        .mobile-toggle span::after {
            width: 17px;
            height: 2px;
            display: block;
            border-radius: 2px;
            background: currentColor;
            content: "";
        }

        .mobile-toggle span::before {
            transform: translateY(-6px);
        }

        .mobile-toggle span::after {
            transform: translateY(4px);
        }

        .button {
            display: inline-flex;
            min-height: 44px;
            align-items: center;
            justify-content: center;
            gap: 10px;
            border: 1px solid transparent;
            border-radius: 8px;
            padding: 0 18px;
            font-weight: 800;
            font-size: 0.94rem;
            transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
        }

        .button:hover {
            transform: translateY(-2px);
        }

        .button-primary {
            background: var(--primary);
            color: var(--ink-on-primary);
            box-shadow: 0 18px 38px rgba(110, 199, 230, 0.22);
        }

        .button-dark {
            border-color: var(--divider);
            background: var(--surface-button-dark);
            color: var(--ink);
        }

        .store-row {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
        }

        .store-button {
            display: inline-flex;
            min-width: 168px;
            height: 54px;
            align-items: center;
            justify-content: center;
            gap: 10px;
            border: 1px solid rgba(255, 255, 255, 0.13);
            border-radius: 8px;
            background: #050505;
            color: var(--ink);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
            text-decoration: none;
            transition: transform 180ms ease, border-color 180ms ease;
        }

        .store-button:hover {
            border-color: rgba(110, 199, 230, 0.65);
            transform: translateY(-2px);
        }

        .store-button.disabled {
            opacity: 0.55;
            cursor: not-allowed;
            pointer-events: none;
            border-color: rgba(255, 255, 255, 0.08);
            box-shadow: none;
        }

        .store-icon {
            width: 24px;
            height: 24px;
            display: grid;
            place-items: center;
        }

        .store-icon svg {
            width: 100%;
            height: 100%;
            display: block;
        }

        .store-copy {
            display: flex;
            flex-direction: column;
            line-height: 1.05;
            text-align: left;
        }

        .store-copy small {
            color: var(--ink-secondary);
            font-size: 0.66rem;
            font-weight: 700;
        }

        .store-copy strong {
            margin-top: 4px;
            color: var(--ink);
            font-size: 1.03rem;
            font-weight: 900;
        }

        .hero {
            min-height: 100svh;
            padding: 116px 0 56px;
            display: flex;
            align-items: center;
        }

        .hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 0.94fr) minmax(360px, 1.06fr);
            gap: 46px;
            align-items: center;
        }

        .social-proof {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 26px;
            padding: 8px 12px 8px 8px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            background: rgba(28, 28, 30, 0.72);
            color: var(--ink-secondary);
            font-size: 0.86rem;
            font-weight: 750;
        }

        .avatar-stack {
            display: flex;
        }

        .avatar {
            width: 30px;
            height: 30px;
            display: grid;
            place-items: center;
            margin-left: -8px;
            border: 2px solid var(--canvas);
            border-radius: 50%;
            background: var(--surface-input);
            color: var(--ink);
            font-size: 0.72rem;
            font-weight: 900;
        }

        .avatar:first-child {
            margin-left: 0;
            background: var(--primary);
            color: var(--ink-on-primary);
        }

        .avatar:nth-child(2) {
            background: var(--primary-dark);
        }

        h1 {
            max-width: 650px;
            color: var(--ink);
            font-size: clamp(3rem, 5.25vw, 5.72rem);
            font-weight: 900;
            line-height: 0.98;
            letter-spacing: 0;
        }

        .hero h1 span {
            color: var(--primary);
        }

        .hero-text {
            max-width: 590px;
            margin: 24px 0 26px;
            color: var(--ink-secondary);
            font-size: clamp(1.02rem, 2vw, 1.22rem);
        }

        .hero-actions {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 18px;
        }

        .hero-note {
            color: var(--ink-tertiary);
            font-size: 0.88rem;
            font-weight: 700;
        }

        .hero-visual {
            position: relative;
            min-height: 600px;
            display: grid;
            place-items: center;
        }

        .preview-shell {
            position: relative;
            width: min(100%, 615px);
            isolation: isolate;
        }

        .preview-card {
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            background: var(--surface-card);
            box-shadow: 0 34px 96px rgba(0, 0, 0, 0.6);
            transform: rotate(-2deg);
        }

        .preview-card img {
            width: 100%;
            aspect-ratio: 1200 / 630;
            object-fit: cover;
        }

        .phone-card {
            position: absolute;
            right: 2%;
            bottom: -138px;
            z-index: 2;
            width: min(255px, 42vw);
            border: 10px solid #111113;
            border-radius: 34px;
            background: #050505;
            box-shadow: 0 26px 80px rgba(0, 0, 0, 0.62);
            overflow: hidden;
        }

        .phone-card::before {
            content: "";
            position: absolute;
            top: 10px;
            left: 50%;
            width: 84px;
            height: 22px;
            border-radius: 99px;
            background: #000000;
            transform: translateX(-50%);
            z-index: 3;
        }

        .phone-screen {
            min-height: 485px;
            padding: 44px 16px 18px;
            background:
                linear-gradient(180deg, rgba(110, 199, 230, 0.2), transparent 32%),
                #090909;
        }

        .call-status {
            text-align: center;
        }

        .call-status img {
            width: 72px;
            height: 72px;
            margin: 0 auto 13px;
            border-radius: 18px;
        }

        .call-status h2 {
            color: var(--ink);
            font-size: 1.2rem;
            font-weight: 900;
        }

        .call-status p {
            margin-top: 3px;
            color: var(--ink-secondary);
            font-size: 0.82rem;
            font-weight: 700;
        }

        .language-pair {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            gap: 9px;
            align-items: center;
            margin: 24px 0;
        }

        .language-chip {
            min-height: 42px;
            display: grid;
            place-items: center;
            border-radius: 8px;
            background: var(--surface-chip-inactive);
            color: var(--ink);
            font-size: 0.78rem;
            font-weight: 850;
        }

        .swap-dot {
            width: 34px;
            height: 34px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            background: var(--primary);
            color: var(--ink-on-primary);
            font-weight: 900;
        }

        .transcript {
            display: grid;
            gap: 10px;
        }

        .bubble {
            width: 100%;
            padding: 10px 12px;
            border-radius: 8px;
            background: var(--surface-input);
            color: var(--ink);
            font-size: 0.78rem;
            font-weight: 750;
        }

        .bubble.out {
            background: var(--primary);
            color: var(--ink-on-primary);
        }

        .bubble-label {
            display: block;
            margin-bottom: 5px;
            color: var(--ink-timestamp);
            font-size: 0.62rem;
            font-weight: 900;
        }

        .bubble.out .bubble-label {
            color: rgba(0, 0, 0, 0.58);
        }

        .bubble-text {
            display: block;
            line-height: 1.32;
        }

        .wave {
            height: 54px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            margin-top: 18px;
            border-radius: 8px;
            background: rgba(110, 199, 230, 0.1);
        }

        .wave i {
            width: 4px;
            border-radius: 9px;
            background: var(--primary);
            animation: pulse 1s ease-in-out infinite;
        }

        .wave i:nth-child(1) { height: 18px; animation-delay: 0ms; }
        .wave i:nth-child(2) { height: 32px; animation-delay: 90ms; }
        .wave i:nth-child(3) { height: 24px; animation-delay: 180ms; }
        .wave i:nth-child(4) { height: 40px; animation-delay: 270ms; }
        .wave i:nth-child(5) { height: 26px; animation-delay: 360ms; }
        .wave i:nth-child(6) { height: 35px; animation-delay: 450ms; }
        .wave i:nth-child(7) { height: 20px; animation-delay: 540ms; }

        @keyframes pulse {
            50% { transform: scaleY(0.45); opacity: 0.55; }
        }

        .floating-pill {
            position: absolute;
            z-index: 3;
            display: flex;
            align-items: center;
            gap: 10px;
            min-height: 52px;
            padding: 0 14px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            background: rgba(44, 44, 46, 0.88);
            color: var(--ink);
            box-shadow: 0 18px 55px rgba(0, 0, 0, 0.36);
            backdrop-filter: blur(16px);
            font-size: 0.86rem;
            font-weight: 850;
        }

        .floating-pill::before {
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: var(--primary);
            box-shadow: 0 0 0 6px rgba(110, 199, 230, 0.14);
        }

        .pill-top {
            top: 62px;
            left: -18px;
        }

        .pill-bottom {
            right: -12px;
            bottom: 58px;
        }

        .section {
            padding: 90px 0;
        }

        .section-heading {
            max-width: 720px;
            margin: 0 auto 44px;
            text-align: center;
        }

        .eyebrow {
            display: inline-flex;
            min-height: 32px;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
            padding: 0 12px;
            border-radius: 8px;
            background: rgba(110, 199, 230, 0.12);
            color: var(--primary);
            font-size: 0.78rem;
            font-weight: 900;
            text-transform: uppercase;
        }

        .section-heading h2,
        .split-copy h2,
        .rating-copy h2,
        .trial-copy h2 {
            color: var(--ink);
            font-size: clamp(2.1rem, 4.4vw, 4.35rem);
            font-weight: 900;
            line-height: 1;
            letter-spacing: 0;
        }

        .section-heading p,
        .split-copy p,
        .rating-copy p,
        .trial-copy p {
            margin-top: 16px;
            color: var(--ink-secondary);
            font-size: 1.05rem;
        }

        .influencer-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(190px, 1fr));
            gap: 14px;
            width: min(1340px, calc(100% - 40px));
            margin: 0 auto;
        }

        .influencer-card {
            min-height: 255px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            border: 1px solid var(--divider);
            border-radius: 8px;
            padding: 16px;
            background:
                linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.72)),
                var(--surface-card);
            overflow: hidden;
            position: relative;
        }

        .influencer-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(135deg, rgba(110, 199, 230, 0.18), transparent 58%),
                repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 18px);
            opacity: 0.72;
        }

        .influencer-card strong,
        .influencer-card p {
            position: relative;
        }

        .influencer-card strong {
            font-size: 1rem;
            font-weight: 900;
        }

        .influencer-card p {
            margin-top: 9px;
            color: var(--ink-secondary);
            font-size: 0.86rem;
            font-weight: 700;
        }

        .include-stage {
            display: grid;
            grid-template-columns: 0.86fr 1.14fr;
            gap: 28px;
            align-items: stretch;
        }

        .feature-list {
            display: grid;
            gap: 12px;
        }

        .feature-row {
            display: grid;
            grid-template-columns: 48px 1fr;
            gap: 14px;
            align-items: center;
            min-height: 92px;
            border: 1px solid var(--divider);
            border-radius: 8px;
            padding: 14px;
            background: var(--surface-row);
        }

        .feature-icon {
            width: 48px;
            height: 48px;
            display: grid;
            place-items: center;
            border-radius: 8px;
            background: var(--surface-input);
            color: var(--primary);
            font-size: 0.92rem;
            font-weight: 900;
        }

        .feature-row h3 {
            color: var(--ink);
            font-size: 1.02rem;
            font-weight: 900;
        }

        .feature-row p {
            margin-top: 3px;
            color: var(--ink-secondary);
            font-size: 0.9rem;
            font-weight: 600;
        }

        .app-preview {
            position: relative;
            min-height: 540px;
            border: 1px solid var(--divider);
            border-radius: 8px;
            padding: 28px;
            background:
                linear-gradient(140deg, rgba(110, 199, 230, 0.16), transparent 42%),
                var(--surface-card);
            overflow: hidden;
        }

        .app-preview img {
            position: absolute;
            right: -36px;
            bottom: 42px;
            width: min(720px, 96%);
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 8px;
            box-shadow: 0 30px 76px rgba(0, 0, 0, 0.5);
        }

        .preview-stat {
            position: relative;
            z-index: 2;
            width: min(310px, 100%);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            padding: 18px;
            background: rgba(0, 0, 0, 0.68);
            backdrop-filter: blur(18px);
        }

        .preview-stat span {
            color: var(--primary);
            font-size: 0.78rem;
            font-weight: 900;
            text-transform: uppercase;
        }

        .preview-stat strong {
            display: block;
            margin-top: 7px;
            font-size: 2.3rem;
            line-height: 1;
            font-weight: 900;
        }

        .preview-stat p {
            margin-top: 8px;
            color: var(--ink-secondary);
            font-size: 0.9rem;
            font-weight: 650;
        }

        .why-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
        }

        .why-card {
            min-height: 310px;
            border: 1px solid var(--divider);
            border-radius: 8px;
            padding: 24px;
            background: var(--surface-card);
        }

        .why-card .number {
            width: 42px;
            height: 42px;
            display: grid;
            place-items: center;
            border-radius: 8px;
            background: var(--surface-input);
            color: var(--primary);
            font-weight: 900;
        }

        .why-card h3 {
            margin-top: 58px;
            color: var(--ink);
            font-size: 1.45rem;
            line-height: 1.08;
            font-weight: 900;
        }

        .why-card p {
            margin-top: 14px;
            color: var(--ink-secondary);
            font-size: 0.98rem;
            font-weight: 600;
        }

        .split-band {
            padding: 92px 0;
            background: var(--surface-banner);
            border-top: 1px solid var(--divider);
            border-bottom: 1px solid var(--divider);
        }

        .split-grid {
            display: grid;
            grid-template-columns: 0.92fr 1.08fr;
            gap: 48px;
            align-items: center;
        }

        .dark-preview {
            border: 1px solid var(--divider);
            border-radius: 8px;
            background: #080808;
            padding: 18px;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
        }

        .chat-row {
            display: grid;
            grid-template-columns: 42px 1fr auto;
            gap: 12px;
            align-items: center;
            min-height: 74px;
            border-bottom: 1px solid var(--divider);
        }

        .chat-row:last-child {
            border-bottom: 0;
        }

        .chat-avatar {
            width: 42px;
            height: 42px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            background: var(--surface-input);
            color: var(--primary);
            font-weight: 900;
        }

        .chat-row h3 {
            font-size: 0.95rem;
            font-weight: 900;
        }

        .chat-row p {
            color: var(--ink-secondary);
            font-size: 0.84rem;
            font-weight: 650;
        }

        .chat-row time {
            color: var(--ink-timestamp);
            font-size: 0.74rem;
            font-weight: 700;
        }

        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 14px;
        }

        .testimonial {
            min-height: 238px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            border: 1px solid var(--divider);
            border-radius: 8px;
            padding: 18px;
            background: var(--surface-card);
        }

        .testimonial p {
            color: var(--ink);
            font-size: 1rem;
            font-weight: 700;
        }

        .testimonial footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-top: 24px;
            color: var(--ink-secondary);
            font-size: 0.84rem;
            font-weight: 800;
        }

        .verified {
            width: 22px;
            height: 22px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            background: var(--verified-badge);
            color: var(--ink-on-primary);
            font-size: 0.78rem;
            font-weight: 900;
        }

        .rating-band {
            padding: 92px 0;
            background:
                linear-gradient(180deg, transparent, rgba(110, 199, 230, 0.08)),
                var(--canvas);
        }

        .rating-box {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 26px;
            align-items: center;
            border: 1px solid rgba(110, 199, 230, 0.35);
            border-radius: 8px;
            padding: 40px;
            background: rgba(28, 28, 30, 0.82);
        }

        .rating-metrics {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 14px;
        }

        .metric {
            min-height: 156px;
            border: 1px solid var(--divider);
            border-radius: 8px;
            padding: 18px;
            background: rgba(0, 0, 0, 0.48);
        }

        .metric strong {
            display: block;
            color: var(--primary);
            font-size: 2.55rem;
            font-weight: 900;
            line-height: 1;
        }

        .metric span {
            display: block;
            margin-top: 12px;
            color: var(--ink-secondary);
            font-size: 0.92rem;
            font-weight: 750;
        }

        .trial {
            padding: 94px 0 84px;
        }

        .trial-card {
            display: grid;
            grid-template-columns: minmax(0, 0.86fr) minmax(320px, 0.74fr);
            gap: 34px;
            align-items: center;
            border: 1px solid var(--divider);
            border-radius: 8px;
            padding: 36px;
            background:
                linear-gradient(135deg, rgba(110, 199, 230, 0.18), transparent 50%),
                var(--surface-card);
        }

        .trial-copy h2 {
            text-transform: uppercase;
        }

        .trial-panel {
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            padding: 18px;
            background: rgba(0, 0, 0, 0.5);
        }

        .trial-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            min-height: 56px;
            border-bottom: 1px solid var(--divider);
            color: var(--ink-secondary);
            font-weight: 750;
        }

        .trial-row:last-child {
            border-bottom: 0;
        }

        .trial-row strong {
            color: var(--ink);
        }

        .full-width {
            width: 100%;
            margin-top: 18px;
        }

        .footer {
            border-top: 1px solid var(--divider);
            padding: 54px 0 38px;
            background: #050505;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr;
            gap: 34px;
        }

        .footer p,
        .footer a,
        .footer li {
            color: var(--ink-secondary);
            font-size: 0.92rem;
            font-weight: 650;
        }

        .footer h3,
        .footer h4 {
            color: var(--ink);
            font-weight: 900;
        }

        .footer h3 {
            font-size: 1.3rem;
            color: var(--primary);
        }

        .footer-brand p {
            max-width: 390px;
            margin-top: 12px;
        }

        .footer ul {
            display: grid;
            gap: 10px;
            margin-top: 14px;
            list-style: none;
        }

        .footer a:hover {
            color: var(--primary);
        }

        .footer-bottom {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            margin-top: 42px;
            padding-top: 22px;
            border-top: 1px solid var(--divider);
        }

        @media (max-width: 1120px) {
            .hero-grid,
            .include-stage,
            .split-grid,
            .rating-box,
            .trial-card {
                grid-template-columns: 1fr;
            }

            .hero {
                padding-top: 124px;
            }

            .hero-visual {
                min-height: 590px;
            }

            .influencer-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .why-grid,
            .testimonial-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 780px) {
            body::before {
                background:
                    radial-gradient(circle at 18% 0%, rgba(110, 199, 230, 0.16), transparent 22rem),
                    linear-gradient(180deg, rgba(46, 143, 170, 0.1), transparent 18rem);
            }

            .container {
                width: min(100% - 32px, 1160px);
            }

            .nav {
                width: min(100% - 28px, 1180px);
                min-height: 68px;
            }

            .nav-links,
            .nav-actions .button {
                display: none;
            }

            .mobile-toggle {
                display: grid;
            }

            .nav.is-open .nav-links {
                position: absolute;
                top: 76px;
                right: 14px;
                left: 14px;
                display: grid;
                gap: 0;
                border: 1px solid var(--divider);
                border-radius: 8px;
                background: rgba(28, 28, 30, 0.98);
                overflow: hidden;
                box-shadow: 0 22px 52px rgba(0, 0, 0, 0.44);
            }

            .nav.is-open .nav-links a {
                padding: 15px 18px;
                border-bottom: 1px solid var(--divider);
            }

            .nav.is-open .mobile-only-link {
                display: block;
            }

            .nav.is-open .nav-links a:last-child {
                border-bottom: 0;
            }

            .hero {
                min-height: auto;
                padding: 96px 0 46px;
            }

            .hero-grid {
                gap: 26px;
            }

            h1 {
                max-width: 100%;
                font-size: clamp(2.28rem, 9.4vw, 3rem);
                line-height: 1;
                text-wrap: balance;
            }

            .social-proof {
                align-items: center;
                width: 100%;
                margin-bottom: 20px;
                padding: 8px;
                max-width: 100%;
                font-size: 0.78rem;
            }

            .store-row {
                width: 100%;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
            }

            .store-button {
                min-width: 0;
                width: 100%;
                height: 52px;
                padding: 0 10px;
                justify-content: center;
            }

            .store-copy small {
                font-size: 0.58rem;
            }

            .store-copy strong {
                font-size: 0.9rem;
            }

            .store-icon {
                width: 20px;
                height: 20px;
            }

            .hero-visual {
                min-height: auto;
                margin-top: 0;
                place-items: center;
            }

            .preview-shell {
                width: min(100%, 340px);
                display: grid;
                justify-items: center;
            }

            .phone-card {
                position: relative;
                right: auto;
                bottom: auto;
                width: min(292px, 84vw);
                margin: 2px auto 0;
                border-width: 8px;
                border-radius: 30px;
                transform: none;
            }

            .preview-card {
                display: none;
            }

            .floating-pill {
                display: none;
            }

            .phone-card::before {
                top: 9px;
                width: 78px;
                height: 20px;
            }

            .phone-screen {
                min-height: 448px;
                padding: 40px 14px 16px;
            }

            .call-status img {
                width: 64px;
                height: 64px;
            }

            .language-pair {
                margin: 18px 0;
            }

            .bubble {
                font-size: 0.74rem;
            }

            .section,
            .split-band,
            .rating-band,
            .trial {
                padding: 58px 0;
            }

            .section-heading {
                margin-bottom: 28px;
            }

            .section-heading h2,
            .split-copy h2,
            .rating-copy h2,
            .trial-copy h2 {
                font-size: clamp(1.95rem, 9.2vw, 2.85rem);
                line-height: 1.04;
            }

            .influencer-grid,
            .why-grid,
            .testimonial-grid,
            .rating-metrics,
            .footer-grid {
                grid-template-columns: 1fr;
            }

            .influencer-card {
                min-height: 170px;
            }

            .app-preview {
                min-height: auto;
                display: grid;
                gap: 18px;
                padding: 18px;
            }

            .app-preview img {
                position: relative;
                right: auto;
                bottom: auto;
                width: 100%;
                max-width: none;
            }

            .why-card {
                min-height: 190px;
            }

            .why-card h3 {
                margin-top: 28px;
            }

            .testimonial {
                min-height: 190px;
            }

            .metric {
                min-height: 132px;
            }

            .metric strong {
                font-size: 2.2rem;
            }

            .rating-box,
            .trial-card {
                padding: 22px;
            }

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

        @media (max-width: 430px) {
            .brand {
                font-size: 1.08rem;
            }

            .brand img {
                width: 34px;
                height: 34px;
            }

            .mobile-toggle {
                width: 40px;
                height: 40px;
            }

            .hero {
                padding-top: 90px;
            }

            .hero-text {
                margin: 20px 0 22px;
            }

            .hero-text,
            .section-heading p,
            .split-copy p,
            .rating-copy p,
            .trial-copy p {
                font-size: 0.98rem;
            }

            .hero-note {
                font-size: 0.78rem;
            }

            .phone-card {
                width: min(284px, 86vw);
            }

            .phone-screen {
                min-height: 438px;
            }
        }