* { -webkit-tap-highlight-color: transparent; }
        html { -webkit-text-size-adjust: 100%; }
        body {
            margin: 0;
            padding: 24px 20px 56px;
            background: #11100c;
            color: #f0e9d8;
            font-family: var(--font-sans);
        }
        .container { width: min(1120px, 100%); margin: 0 auto; }
        .top-nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
        .logo-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: transform .2s; border-radius: 50%; }
        .logo-link:active { transform: scale(.96); }
        .site-logo { display: block; width: 48px; height: 48px; border-radius: 50%; box-shadow: 0 0 0 2px #ffc000, 0 2px 8px rgba(0, 0, 0, .5); flex-shrink: 0; }
        .hero {
            position: relative; isolation: isolate; overflow: hidden;
            padding: clamp(28px, 6vw, 72px); border: 1px solid #3a3018; border-radius: 22px;
            background: radial-gradient(ellipse at 78% 4%, rgba(255, 192, 0, .12), transparent 36%), linear-gradient(135deg, #211b10 0%, #17140e 72%);
        }
        .hero::before { position: absolute; z-index: -1; content: ''; width: 390px; height: 390px; right: -180px; bottom: -280px; border: 1px solid rgba(255, 192, 0, .14); border-radius: 50%; box-shadow: 0 0 0 35px rgba(255, 192, 0, .025), 0 0 0 70px rgba(255, 192, 0, .02); }
        .hero-copy-block { width: min(100%, 760px); }
        .wordmark-link { display: flex; width: 100%; justify-content: flex-start; text-decoration: none; }
        .pulaipack-wordmark { display: block; width: min(100%, 280px); height: auto; margin: 0 0 28px; }
        .eyebrow, .section-kicker { display: inline-flex; align-items: center; gap: 9px; color: #ffc000; font-size: .6875rem; font-weight: 800; text-transform: uppercase; letter-spacing: .13em; }
        .eyebrow { margin-bottom: 16px; line-height: 1.2; align-items: flex-start; }
        .eyebrow::before { content: ''; width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #ffc000; box-shadow: 0 0 12px rgba(255, 192, 0, .7); margin-top: .28em; }
        .hero h2 { max-width: 600px; margin: 0; color: #f5f1e6; font-size: clamp(2.4rem, 6vw, 4.35rem); line-height: .99; letter-spacing: -.055em; }
        .hero h2 span { color: #ffc000; }
        .hero-description { max-width: 510px; margin: 20px 0 0; color: #b8b0a0; font-size: .98rem; line-height: 1.75; }
        .hero-downloads { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 28px; }
        .hero-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
        .download-btn { min-height: 52px; max-width: 100%; padding: 13px 19px; border: 1px solid #ffc000; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #ffc000; color: #14110a; font-weight: 800; font-size: .875rem; text-align: center; text-decoration: none; transition: background .18s, transform .18s, box-shadow .18s; }
        .download-btn:hover { background: #ffd24a; border-color: #ffd24a; box-shadow: 0 8px 24px rgba(255, 192, 0, .18); transform: translateY(-2px); }
        .download-btn svg { width: 19px; height: 19px; flex: 0 0 auto; }
        .download-count { display: inline-flex; max-width: 100%; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid #302a1c; border-radius: 999px; background: rgba(255, 192, 0, .035); color: #969080; font-size: .72rem; line-height: 1.4; }
        .download-count svg { width: 14px; height: 14px; flex: 0 0 auto; color: #ffc000; }
        .download-count strong { color: #e8dcc0; font-variant-numeric: tabular-nums; font-weight: 800; }
        .download-count[data-state="error"] svg { color: #8f8776; }
        .release-link { min-height: 48px; padding: 10px 4px; display: inline-flex; align-items: center; color: #d8d0bd; font-size: .8125rem; font-weight: 650; text-decoration: none; }
        .release-link:hover { color: #ffc000; }
        .sha-copy { display: inline-flex; min-height: 34px; align-items: center; gap: 7px; padding: 6px 10px; border: 0; background: transparent; color: #8f8776; font-size: .7rem; font-weight: 650; cursor: pointer; }
        .sha-copy::before { content: '✓'; color: #8be09a; }
        .sha-copy:hover:not(:disabled) { color: #ffc000; }
        .sha-copy:disabled { opacity: .6; cursor: not-allowed; }
        .sha-copy[data-state="error"]::before { content: '!'; color: #8f8776; }
        .content-section { margin-top: clamp(56px, 8vw, 92px); }
        .section-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
        .section-kicker { margin-bottom: 8px; }
        .section-heading { margin: 0; color: #f3eddf; font-size: clamp(1.5rem, 3vw, 2.1rem); line-height: 1.1; letter-spacing: -.04em; }
        .section-note { max-width: 330px; margin: 0 0 2px; color: #8f8776; font-size: .8rem; line-height: 1.55; }
        .feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
        .feature-card { min-width: 0; min-height: 190px; padding: 21px; border: 1px solid #302a1c; border-radius: 12px; background: linear-gradient(145deg, #1b1914, #171510); }
        .feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin-bottom: 18px; border: 1px solid #4a3d1a; border-radius: 10px; background: #241f10; color: #ffc000; font-size: 1.05rem; }
        .feature-card h3 { margin: 0; color: #e8dcc0; font-size: .9rem; letter-spacing: -.01em; }
        .feature-card p { margin: 8px 0 0; color: #969080; font-size: .78rem; line-height: 1.65; }
        .install-panel { display: grid; grid-template-columns: .72fr 1.28fr; gap: 36px; padding: clamp(22px, 4vw, 38px); border: 1px solid #302a1c; border-radius: 14px; background: #171611; }
        .install-intro h3 { margin: 10px 0 8px; color: #e8dcc0; font-size: 1.125rem; }
        .install-intro p { margin: 0; color: #8f8776; font-size: .8rem; line-height: 1.65; }
        .install-steps { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: install; }
        .install-steps li { position: relative; display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 0 0 18px; color: #aaa391; font-size: .78rem; line-height: 1.6; counter-increment: install; }
        .install-steps li:last-child { padding-bottom: 0; }
        .install-steps li::before { content: '0' counter(install); display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #54451d; border-radius: 9px; background: #211c10; color: #ffc000; font-size: .65rem; font-weight: 800; }
        .install-steps strong { color: #e8dcc0; }
        .install-steps a { color: #ffc000; text-decoration-color: rgba(255, 192, 0, .35); text-underline-offset: 3px; }
        .trust-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 54px; padding-top: 20px; border-top: 1px solid #302a1c; color: #817968; font-size: .72rem; }
        .trust-footer .brand { color: #d8d0bd; font-weight: 700; }
        .trust-footer a { color: #bfb59e; text-decoration: none; }
        .trust-footer a:hover { color: #ffc000; }
        .trust-footer .page-version { margin-left: auto; }

        @media (min-width: 900px) {
            .hero { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr); align-items: center; gap: clamp(24px, 4vw, 48px); }
            .hero-copy-block { width: 100%; }
            .hero-downloads { align-items: center; justify-self: center; width: 100%; max-width: 340px; margin: 0; }
            .hero-actions { align-items: center; width: 100%; }
            .download-btn { width: 100%; }
            .release-link { justify-content: center; text-align: center; }
            .download-count { justify-content: center; margin-inline: auto; text-align: center; }
        }
        @media (max-width: 760px) {
            body { padding: 16px 14px 40px; }
            .hero { padding: clamp(24px, 7vw, 42px); }
            .pulaipack-wordmark { width: min(100%, 280px); margin-bottom: 28px; }
            .content-section { margin-top: 60px; }
            .install-panel { grid-template-columns: 1fr; gap: 22px; }
        }
        @media (max-width: 560px) {
            .feature-grid { grid-template-columns: 1fr; gap: 9px; }
            .feature-card { min-height: 0; display: grid; grid-template-columns: 38px 1fr; column-gap: 13px; align-items: start; padding: 16px; }
            .feature-icon { grid-row: span 2; margin: 0; }
            .feature-card p { margin-top: 4px; }
            .section-heading-row { display: block; }
            .section-note { margin-top: 9px; }
            .trust-footer { flex-wrap: wrap; }
            .trust-footer .page-version { width: 100%; margin: 0; }
        }
        @media (max-width: 380px) {
            body { padding: 10px 10px 32px; }
            .site-logo { width: 40px; height: 40px; }
            .hero-actions, .hero-downloads { align-items: flex-start; flex-direction: column; }
            .download-btn, .release-link { justify-content: flex-start; text-align: left; }
        }
        @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }