:root {
    color-scheme: light;
    --ink: #2a2521;
    --paper: #fbf8f3;
    --accent: #e75b25;
    --font-body: "Inter", Arial, sans-serif;
    --font-display: "Google Sans Flex", "Inter", Arial, sans-serif;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { min-width: 320px; scroll-behavior: smooth; }

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin: 0;
    color: var(--ink);
    background: var(--paper);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
}

body > main { flex: 1 0 auto; }

a { color: inherit; }

.site-header {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 80px;
    padding: 0 48px;
    background: #fff;
}

.site-header--centered {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 132px;
    justify-content: center;
    align-items: flex-start;
    padding: 92px 0 0;
    background: transparent;
}

.brand { position: relative; display: block; width: 183px; height: 40px; overflow: hidden; }
.brand-layer { position: absolute; display: block; }
.brand-layer img { display: block; width: 100%; height: 100%; }
.brand-wordmark { inset: 11.96% 0 19.84% 28.08%; }
.brand-accent { inset: 71.54% 0 5.05% 66.19%; }
.brand-mark { inset: 0 77.79% -0.02% 0; }
.brand-detail { inset: 6.32% 77.79% -0.02% 3.9%; }

.hero {
    position: relative;
    isolation: isolate;
    display: flex;
    min-height: 600px;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(180deg, #f6ebdf 0%, #fbf8f3 53%);
}

.hero-copy {
    position: relative;
    z-index: 1;
    width: min(571px, 48%);
    margin: 50px 0 50px max(46px, calc((100vw - 1348px) / 2));
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 8px;
    padding: 4px 8px;
    border: 1px solid rgba(231, 91, 37, .23);
    border-radius: 8px;
    color: var(--accent);
    font-size: 14px;
    line-height: 17px;
}

.eyebrow span { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }

h1, h2, h3, p { margin-top: 0; }

.hero h1 {
    max-width: 571px;
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(52px, 5vw, 72px);
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.08;
    text-wrap: balance;
}

.hero h1 em, h2 em { color: var(--accent); font-style: normal; }
.title-rule { display: block; width: min(561px, 100%); height: 1px; margin: 17px 10px 14px 0; }

.hero-description {
    max-width: 571px;
    margin: 0;
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 1.42;
    text-wrap: balance;
}

.hero-action { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 40px; }
.install-button {
    display: inline-flex;
    min-height: 64px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 32px;
    border: 0;
    border-radius: 40px;
    color: #fff;
    background: var(--accent);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .18s ease, transform .18s ease;
}

.install-button:hover { color: #fff; background: #cf4817; transform: translateY(-2px); }
.install-button:focus-visible, .explore-link:focus-visible { outline: 3px solid #2a2521; outline-offset: 4px; }
.disclosure { max-width: 571px; margin: 0; font-family: var(--font-display); font-size: 14px; font-weight: 500; letter-spacing: -.01em; line-height: 21px; }
.hero-orbit { position: absolute; z-index: -1; top: 32px; right: max(8.4%, calc((100vw - 1260px) / 2)); width: min(45vw, 647px); height: auto; }

.contact-main { display: flex; flex: 1 0 auto; }
.contact-hero { position: relative; display: flex; min-height: 600px; flex: 1; align-items: center; justify-content: center; overflow: hidden; padding: 72px 24px; background: linear-gradient(180deg, #f6ebdf 0%, #fbf8f3 53%); text-align: center; }
.contact-content { width: min(760px, 100%); }
.contact-eyebrow { margin-bottom: 18px; }
.contact-content h1 { margin: 0 0 22px; font-family: var(--font-display); font-size: clamp(48px, 6vw, 72px); font-weight: 700; letter-spacing: -.03em; line-height: 1.08; text-wrap: balance; }
.contact-content h1 em { color: var(--accent); font-style: normal; }
.contact-description { max-width: 680px; margin: 0 auto 22px; font-family: var(--font-display); font-size: 22px; font-weight: 500; line-height: 1.5; text-wrap: balance; }
.contact-email { margin: 0; }
.contact-email a { display: inline-flex; min-height: 58px; align-items: center; justify-content: center; padding: 14px 28px; border-radius: 40px; color: #fff; background: var(--accent); font-size: 18px; font-weight: 600; text-decoration: none; overflow-wrap: anywhere; transition: background-color .18s ease, transform .18s ease; }
.contact-email a:hover { color: #fff; background: #cf4817; transform: translateY(-2px); }
.contact-email a:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.contact-thanks { margin: 24px 0 0; font-family: var(--font-display); font-size: 18px; line-height: 1.5; }

.static-main { flex: 1 0 auto; background: linear-gradient(180deg, #f6ebdf 0%, #fbf8f3 53%); }
.static-page { min-height: 100%; padding: 64px 24px 88px; background: transparent; }
.static-container { width: min(920px, 100%); margin: 0 auto; }
.static-eyebrow { display: flex; width: max-content; margin: 0 auto 18px; }
.static-container h1 { margin: 0 0 36px; color: var(--ink); font-family: var(--font-display); font-size: clamp(38px, 5vw, 56px); font-weight: 700; letter-spacing: -.03em; line-height: 1.12; text-align: center; text-wrap: balance; }
.static-content { color: var(--ink); font-size: 16px; line-height: 1.75; overflow-wrap: anywhere; }
.static-content > :first-child { margin-top: 0; }
.static-content > :last-child { margin-bottom: 0; }
.static-content h2, .static-content h3, .static-content h4 { margin: 32px 0 12px; color: var(--ink); font-family: var(--font-display); font-weight: 700; line-height: 1.25; }
.static-content h2 { font-size: 28px; }
.static-content h3 { font-size: 22px; }
.static-content h4 { font-size: 18px; }
.static-content p, .static-content ul, .static-content ol { margin-bottom: 18px; }
.static-content a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.static-content a:hover { color: #cf4817; }
.static-content table { width: 100%; border-collapse: collapse; }
.static-content th, .static-content td { padding: 10px 12px; border: 1px solid rgba(42, 37, 33, .18); text-align: left; vertical-align: top; }

.error-main { display: flex; flex: 1 0 auto; background: linear-gradient(180deg, #f6ebdf 0%, #fbf8f3 53%); }
.error-page { display: flex; width: 100%; min-height: 600px; align-items: center; justify-content: center; padding: 72px 24px; text-align: center; }
.error-content { width: min(760px, 100%); }
.error-eyebrow { margin-bottom: 18px; }
.error-content h1 { margin: 0 0 18px; color: var(--ink); font-family: var(--font-display); font-size: clamp(44px, 6vw, 68px); font-weight: 700; letter-spacing: -.03em; line-height: 1.08; text-wrap: balance; }
.error-message { max-width: 620px; margin: 0 auto 30px; color: rgba(42, 37, 33, .75); font-family: var(--font-display); font-size: 20px; font-weight: 500; line-height: 1.55; text-wrap: balance; }
.error-home-link { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; padding: 14px 28px; border-radius: 40px; color: #fff; background: var(--accent); font-size: 17px; font-weight: 600; text-decoration: none; transition: background-color .18s ease, transform .18s ease; }
.error-home-link:hover { color: #fff; background: #cf4817; transform: translateY(-2px); }
.error-home-link:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.error-details { max-width: 760px; margin: 42px auto 0; border: 1px solid rgba(42, 37, 33, .16); border-radius: 14px; background: rgba(255, 255, 255, .56); text-align: left; }
.error-details summary { padding: 14px 18px; cursor: pointer; font-weight: 600; }
.error-details pre { max-height: 360px; overflow: auto; margin: 0; padding: 18px; border-top: 1px solid rgba(42, 37, 33, .12); color: var(--ink); font: 12px/1.55 Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }

.feedback-main { display: flex; flex: 1 0 auto; background: linear-gradient(180deg, #f6ebdf 0%, #fbf8f3 53%); }
.feedback-page { display: flex; width: 100%; justify-content: center; padding: 64px 24px 88px; }
.feedback-card { width: min(780px, 100%); align-self: flex-start; padding: clamp(28px, 5vw, 56px); border: 1px solid rgba(42, 37, 33, .1); border-radius: 28px; background: rgba(255, 255, 255, .78); box-shadow: 0 22px 70px rgba(42, 37, 33, .08); }
.feedback-heading, .feedback-success { margin-bottom: 38px; text-align: center; }
.feedback-eyebrow { margin-bottom: 18px; }
.feedback-heading h1, .feedback-success h1 { margin: 0 0 16px; color: var(--ink); font-family: var(--font-display); font-size: clamp(38px, 5.5vw, 56px); font-weight: 700; letter-spacing: -.03em; line-height: 1.1; text-wrap: balance; }
.feedback-heading > p:last-child, .feedback-success > p:not(.eyebrow) { max-width: 580px; margin: 0 auto; color: rgba(42, 37, 33, .72); font-size: 17px; line-height: 1.6; text-wrap: balance; }
.feedback-alert { margin: 0 0 26px; padding: 14px 18px; border: 1px solid rgba(170, 48, 30, .2); border-radius: 12px; color: #8d291b; background: #fff1ed; font-size: 15px; line-height: 1.5; }
.feedback-form { display: grid; gap: 26px; }
.feedback-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.feedback-fieldset legend, .feedback-field label { display: block; margin: 0 0 11px; color: var(--ink); font-family: var(--font-display); font-size: 17px; font-weight: 700; line-height: 1.4; }
.rating-options { display: flex; flex-direction: row-reverse; justify-content: flex-end; width: max-content; max-width: 100%; }
.rating-options input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); }
.rating-options label { display: grid; width: 48px; height: 48px; place-items: center; margin-right: 8px; border: 1px solid rgba(42, 37, 33, .2); border-radius: 12px; color: rgba(42, 37, 33, .68); background: rgba(255, 255, 255, .8); cursor: pointer; font-size: 17px; font-weight: 600; line-height: 1; transition: color .15s ease, background-color .15s ease, border-color .15s ease, transform .15s ease; }
.rating-options input:checked ~ label, .rating-options label:hover, .rating-options label:hover ~ label { border-color: var(--accent); color: #fff; background: var(--accent); }
.rating-options label:hover { transform: translateY(-2px); }
.rating-options input:focus-visible + label { outline: 3px solid var(--ink); outline-offset: 3px; }
.rating-options .rating-reset { display: none; }
.feedback-field textarea { display: block; width: 100%; min-height: 120px; resize: vertical; padding: 14px 16px; border: 1px solid rgba(42, 37, 33, .2); border-radius: 12px; color: var(--ink); background: rgba(255, 255, 255, .8); font: 15px/1.55 var(--font-body); }
.feedback-field textarea::placeholder { color: rgba(42, 37, 33, .46); }
.feedback-field textarea:focus { border-color: var(--accent); outline: 3px solid rgba(231, 91, 37, .16); }
.feedback-submit, .feedback-home-link { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; justify-self: start; padding: 14px 28px; border: 0; border-radius: 40px; color: #fff; background: var(--accent); cursor: pointer; font-family: var(--font-body); font-size: 17px; font-weight: 600; text-decoration: none; transition: background-color .18s ease, transform .18s ease; }
.feedback-submit:hover, .feedback-home-link:hover { color: #fff; background: #cf4817; transform: translateY(-2px); }
.feedback-submit:focus-visible, .feedback-home-link:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.feedback-success { margin: 0; }
.feedback-success .feedback-home-link { margin-top: 28px; }

.survey-main { display: flex; flex: 1 0 auto; background: linear-gradient(180deg, #f6ebdf 0%, #fbf8f3 53%); }
.survey-page { display: flex; width: 100%; justify-content: center; padding: 64px 24px 88px; }
.survey-card { width: min(820px, 100%); align-self: flex-start; padding: clamp(28px, 5vw, 56px); border: 1px solid rgba(42, 37, 33, .1); border-radius: 28px; background: rgba(255, 255, 255, .78); box-shadow: 0 22px 70px rgba(42, 37, 33, .08); }
.survey-heading, .survey-success { margin-bottom: 38px; text-align: center; }
.survey-eyebrow { margin-bottom: 18px; }
.survey-heading h1, .survey-success h1 { margin: 0 0 16px; color: var(--ink); font-family: var(--font-display); font-size: clamp(38px, 5.5vw, 56px); font-weight: 700; letter-spacing: -.03em; line-height: 1.1; text-wrap: balance; }
.survey-heading > p:last-child, .survey-success > p:not(.eyebrow) { max-width: 620px; margin: 0 auto; color: rgba(42, 37, 33, .72); font-size: 17px; line-height: 1.6; text-wrap: balance; }
.survey-alert { margin: 0 0 26px; padding: 14px 18px; border: 1px solid rgba(170, 48, 30, .2); border-radius: 12px; color: #8d291b; background: #fff1ed; font-size: 15px; line-height: 1.5; }
.survey-form { display: grid; gap: 28px; }
.survey-question { min-width: 0; margin: 0; padding: 0 0 27px; border: 0; border-bottom: 1px solid rgba(42, 37, 33, .13); }
.survey-question legend { display: block; width: 100%; margin: 0 0 15px; padding: 0; color: var(--ink); font-family: var(--font-display); font-size: 18px; font-weight: 700; line-height: 1.45; }
.survey-options { display: grid; gap: 9px; }
.survey-option { display: flex; align-items: flex-start; gap: 11px; }
.survey-option input { width: 18px; height: 18px; flex: 0 0 18px; margin: 2px 0 0; accent-color: var(--accent); }
.survey-option label { color: rgba(42, 37, 33, .82); cursor: pointer; font-size: 15px; line-height: 1.55; }
.survey-other-field { margin: 12px 0 5px 29px; }
.survey-other-field[hidden] { display: none; }
.survey-question textarea { display: block; width: 100%; min-height: 120px; resize: vertical; padding: 14px 16px; border: 1px solid rgba(42, 37, 33, .2); border-radius: 12px; color: var(--ink); background: rgba(255, 255, 255, .8); font: 15px/1.55 var(--font-body); }
.survey-question textarea::placeholder { color: rgba(42, 37, 33, .46); }
.survey-question textarea:focus { border-color: var(--accent); outline: 3px solid rgba(231, 91, 37, .16); }
.survey-submit, .survey-home-link { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; justify-self: start; padding: 14px 28px; border: 0; border-radius: 40px; color: #fff; background: var(--accent); cursor: pointer; font-family: var(--font-body); font-size: 17px; font-weight: 600; text-decoration: none; transition: background-color .18s ease, transform .18s ease; }
.survey-submit:hover, .survey-home-link:hover { color: #fff; background: #cf4817; transform: translateY(-2px); }
.survey-submit:focus-visible, .survey-home-link:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.survey-success { margin: 0; }
.survey-success .survey-home-link { margin-top: 28px; }

.uninstall-page { padding-top: 64px; }
.uninstall-container { width: min(920px, 100%); }
.uninstall-eyebrow { display: flex; width: max-content; margin: 0 auto 18px; }
.uninstall-container > h1 { margin-bottom: 14px; }
.uninstall-intro { max-width: 660px; margin: 0 auto 38px; color: rgba(42, 37, 33, .75); font-size: 18px; line-height: 1.6; text-align: center; text-wrap: balance; }
.uninstall-browser-list { display: grid; gap: 14px; }
.uninstall-browser { overflow: hidden; border: 1px solid rgba(42, 37, 33, .16); border-radius: 18px; background: rgba(255, 255, 255, .54); }
.uninstall-browser summary { position: relative; padding: 21px 56px 21px 24px; color: var(--ink); cursor: pointer; font-family: var(--font-display); font-size: 20px; font-weight: 700; line-height: 1.35; list-style: none; }
.uninstall-browser summary::-webkit-details-marker { display: none; }
.uninstall-browser summary::after { position: absolute; top: 50%; right: 25px; width: 10px; height: 10px; border-right: 2px solid var(--accent); border-bottom: 2px solid var(--accent); content: ""; transform: translateY(-70%) rotate(45deg); transition: transform .18s ease; }
.uninstall-browser[open] summary::after { transform: translateY(-25%) rotate(225deg); }
.uninstall-browser summary:focus-visible { outline: 3px solid var(--accent); outline-offset: -4px; }
.uninstall-browser-content { padding: 0 24px 22px; color: rgba(42, 37, 33, .82); font-size: 15px; line-height: 1.7; }
.uninstall-browser-content ol { margin: 0 0 14px; padding-left: 22px; }
.uninstall-browser-content li { padding-left: 4px; }
.uninstall-browser-content p { margin: 0; }
.uninstall-browser-content a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.uninstall-browser-content a:hover { color: #cf4817; }

.hero-visual { position: absolute; top: 88px; right: max(5.5%, calc((100vw - 1290px) / 2)); width: min(46.4vw, 668px); height: 511px; }
.hero-browser { position: absolute; top: 0; left: 0; width: 87.5%; height: auto; transform: rotate(2deg) skewX(.36deg); }
.hero-pdf { position: absolute; top: 1%; right: 0; width: 67.2%; height: auto; }

.how-section { min-height: 558px; padding: 72px 24px 58px; color: #fff; background: var(--ink); }
.section-inner, .scripts-inner { width: min(1066px, 100%); margin: 0 auto; }
.how-intro { text-align: center; }
.how-intro h2, .scripts-inner > h2 { margin: 0 0 16px; font-family: var(--font-display); font-size: 36px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2; }
.how-intro p { margin: 0; font-size: 16px; line-height: 1.6; }
.steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11.8%; margin: 48px 0 0; padding: 0; list-style: none; }
.step { position: relative; min-width: 0; padding-top: 32px; }
.step::before { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: var(--step-divider-image) left top / 100% 1px no-repeat; content: ""; }
.step-number { color: var(--accent); font-size: 16px; font-weight: 600; letter-spacing: -.03em; text-transform: uppercase; }
.step > p { min-height: 48px; margin: 24px 0 12px; color: #fbf2e4; font-size: 16px; font-weight: 500; letter-spacing: -.02em; line-height: 24px; }
.step-example { position: relative; min-height: 63px; }
.install-button-small { width: 212px; min-height: 48px; padding: 12px 16px; font-size: 15px; }
.store-button { display: inline-flex; min-width: 212px; height: 48px; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 8px; color: #fff; background: #0b57d0; font-size: 15px; font-weight: 600; }
.step-example > img { position: absolute; top: 35px; left: 190px; width: 27px; height: 27px; }

.scripts-section { min-height: 732px; padding: 87px 24px 56px; background: var(--paper); }
.scripts-inner { width: min(1116px, 100%); text-align: center; }
.scripts-inner > h2 { margin-bottom: 48px; color: var(--ink); }
.script-cards { display: grid; grid-template-columns: 340px 340px minmax(0, 1fr); gap: 16px; text-align: left; }
.script-card { display: flex; min-height: 173px; align-items: flex-start; gap: 16px; padding: 16px; border: 1px solid; border-radius: 24px; box-shadow: 0 16px 16px rgba(42, 37, 33, .1); }
.script-card-pdf { border-color: rgba(120, 82, 206, .3); background: rgba(245, 233, 249, .38); }
.script-card-video { border-color: rgba(231, 91, 37, .3); background: rgba(255, 240, 226, .52); }
.script-card-actions { border-color: rgba(42, 37, 33, .2); background: rgba(255, 255, 255, .68); }
.script-icon { display: grid; width: 96px; height: 96px; flex: 0 0 96px; place-items: center; border-radius: 16px; }
.script-card-pdf .script-icon { background: #efddf5; }
.script-card-video .script-icon { background: #fee6d4; }
.script-card-actions .script-icon { background: #eeeae4; }
.script-icon img { display: block; width: 64px; height: 64px; }
.script-card-copy { display: flex; min-width: 0; height: 140px; flex-direction: column; align-items: flex-start; }
.script-card h3 { margin: 0 0 8px; font-size: 14px; font-weight: 700; letter-spacing: -.03em; line-height: 17px; text-transform: uppercase; }
.script-card p { margin: 0; color: rgba(42, 37, 33, .7); font-size: 12px; letter-spacing: -.02em; line-height: 18px; }
.script-tag { margin-top: auto; padding: 5px 7px; border-radius: 6px; background: rgba(42, 37, 33, .08); font-size: 10px; line-height: 15px; text-transform: lowercase; }
.explore-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 36px; color: var(--ink); font-size: 14px; font-weight: 600; text-decoration: none; }
.bottom-action { display: flex; flex-direction: column; align-items: center; gap: 16px; margin: 88px auto 0; }
.bottom-action .disclosure { text-align: center; }

.site-footer { padding: 64px 28px 36px; background: var(--paper); }
.footer-inner { width: min(1120px, 100%); margin: 0 auto; }
.footer-top { display: flex; align-items: center; justify-content: space-between; gap: 20px 32px; flex-wrap: wrap; }
.footer-brand { color: var(--ink); font-size: 17px; font-weight: 700; line-height: 1; text-decoration: none; }
.footer-links { display: flex; gap: 10px 24px; flex-wrap: wrap; }
.footer-links a { color: rgba(42, 37, 33, .65); font-size: 14px; font-weight: 500; text-decoration: none; }
.footer-links a:hover { color: var(--accent); }
.footer-legal { margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(42, 37, 33, .16); color: rgba(42, 37, 33, .55); font-size: 13px; }

.thank-you-page {
    position: relative;
    isolation: isolate;
    min-height: max(1024px, 100vh);
    overflow: hidden;
    padding: 1px 24px 80px;
    background: linear-gradient(180deg, #f6ebdf 0%, #fbf8f3 52.833%, #fbf8f3 100%);
}
.thank-you-orbit { position: absolute; z-index: -1; height: auto; pointer-events: none; }
.thank-you-orbit-right { top: calc(50% - 124.5px); left: calc(50% + 534.5px); width: 567px; transform: translate(-50%, -50%); }
.thank-you-orbit-left { top: calc(50% - 356px); left: calc(50% - 604px); width: 444px; transform: translate(-50%, -50%); }
.thank-you-content { position: relative; z-index: 1; width: min(1208px, 100%); margin: 210px auto 0; display: flex; flex-direction: column; align-items: center; gap: 80px; }
.thank-you-content h1 { width: min(571px, 100%); margin: 0; color: var(--ink); font-family: var(--font-display); font-size: clamp(48px, 5vw, 72px); font-weight: 700; letter-spacing: -.03em; line-height: 1.0833; text-align: center; text-wrap: balance; }
.thank-you-content h1 span { display: block; }
.thank-you-content h1 span + span { color: var(--accent); }
.thank-you-card { display: flex; width: min(899px, 100%); min-height: 235px; flex-direction: column; align-items: center; gap: 32px; padding: 40px 48px; border-radius: 32px; background: var(--ink); }
.thank-you-card p { width: min(803px, 100%); margin: 0; color: #fff; font-size: 20px; font-weight: 500; line-height: 32px; text-align: center; text-wrap: balance; }
.thank-you-button { display: inline-flex; min-height: 59px; align-items: center; justify-content: center; padding: 16px 24px; border-radius: 12px; color: #fff; background: #0b57d0; font-size: 22px; font-weight: 600; line-height: 1.25; text-decoration: none; white-space: nowrap; transition: background-color .18s ease, transform .18s ease; }
.thank-you-button:hover { color: #fff; background: #0847ae; transform: translateY(-2px); }
.thank-you-button:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }

@media (max-width: 1050px) {
    .hero-copy { width: 52%; margin-left: 5%; }
    .hero h1 { font-size: clamp(48px, 6vw, 64px); }
    .hero-description { font-size: 20px; }
    .hero-visual { right: 2%; width: 45vw; }
    .steps { gap: 6%; }
    .script-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .script-card { gap: 12px; padding: 12px; }
    .script-icon { width: 76px; height: 76px; flex-basis: 76px; }
    .script-icon img { width: 56px; height: 56px; }
}

@media (max-width: 760px) {
    .site-header { height: 68px; padding: 0 22px; }
    .brand { transform: scale(.9); transform-origin: left center; }
    .site-header--centered { height: 100px; padding: 50px 0 0; }
    .site-header--centered .brand { transform: scale(.9); transform-origin: center top; }
    .hero { display: block; min-height: auto; padding: 52px 22px 40px; }
    .hero-copy { width: 100%; margin: 0; }
    .eyebrow { max-width: 100%; font-size: 12px; }
    .hero h1 { max-width: 520px; font-size: clamp(45px, 12vw, 64px); }
    .hero-description { max-width: 530px; font-size: 19px; }
    .contact-hero { min-height: 600px; padding: 60px 22px; }
    .contact-description { font-size: 19px; }
    .error-page { min-height: 560px; padding: 60px 22px; }
    .error-message { font-size: 18px; }
    .feedback-page { padding: 42px 18px 60px; }
    .feedback-card { padding: 30px 22px; border-radius: 22px; }
    .feedback-heading, .feedback-success { margin-bottom: 30px; }
    .feedback-heading > p:last-child, .feedback-success > p:not(.eyebrow) { font-size: 16px; }
    .rating-options label { width: 44px; height: 44px; }
    .survey-page { padding: 42px 18px 60px; }
    .survey-card { padding: 30px 22px; border-radius: 22px; }
    .survey-heading, .survey-success { margin-bottom: 30px; }
    .survey-heading > p:last-child, .survey-success > p:not(.eyebrow) { font-size: 16px; }
    .contact-email a { max-width: 100%; font-size: 16px; }
    .uninstall-page { padding: 52px 22px 64px; }
    .uninstall-intro { margin-bottom: 28px; font-size: 17px; }
    .uninstall-browser summary { padding: 18px 48px 18px 18px; font-size: 18px; }
    .uninstall-browser summary::after { right: 20px; }
    .uninstall-browser-content { padding: 0 18px 20px; font-size: 14px; }
    .hero-action { margin-top: 27px; }
    .hero-visual { position: relative; top: auto; right: auto; width: min(100%, 570px); height: auto; aspect-ratio: 1.3; margin: 25px auto 0; }
    .hero-browser { width: 88%; }
    .hero-pdf { width: 67%; }
    .hero-orbit { top: auto; right: -21%; bottom: 18px; width: 85vw; }
    .how-section { min-height: auto; padding: 54px 22px 50px; }
    .how-intro h2, .scripts-inner > h2 { font-size: 32px; }
    .steps { grid-template-columns: 1fr; gap: 27px; margin-top: 38px; }
    .step { padding-top: 21px; }
    .step > p { min-height: auto; margin: 15px 0 14px; }
    .scripts-section { min-height: auto; padding: 58px 22px 44px; }
    .scripts-inner > h2 { margin-bottom: 31px; }
    .script-cards { grid-template-columns: 1fr; gap: 14px; }
    .script-card { min-height: 150px; padding: 16px; }
    .script-icon { width: 86px; height: 86px; flex-basis: 86px; }
    .script-card-copy { height: 116px; }
    .explore-link { margin-top: 28px; }
    .bottom-action { margin-top: 61px; }
    .site-footer { padding: 44px 22px 30px; }
    .footer-links { gap: 12px 18px; }
    .thank-you-page { min-height: max(760px, 100vh); padding: 1px 22px 52px; }
    .thank-you-content { margin-top: 152px; gap: 52px; }
    .thank-you-content h1 { font-size: clamp(46px, 11vw, 64px); }
    .thank-you-card { min-height: 0; gap: 26px; padding: 34px 24px; border-radius: 26px; }
    .thank-you-card p { font-size: 18px; line-height: 1.55; }
    .thank-you-button { min-height: 54px; font-size: 18px; }
    .thank-you-orbit-right { top: 360px; left: calc(100% + 100px); width: 390px; }
    .thank-you-orbit-left { top: 190px; left: -74px; width: 310px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; }
}

.lw-requirements { display: grid; place-items: center; min-height: 58vh; padding: 70px 24px; background: radial-gradient(ellipse at 75% 20%, rgba(231, 91, 37, .1), transparent 45%); }
.lw-requirements__terminal { width: min(100%, 790px); overflow: hidden; border: 1px solid #ded5c9; border-radius: 18px; background: #fffdfa; box-shadow: 0 24px 70px rgba(54, 40, 29, .11); }
.lw-requirements__bar { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 18px; border-bottom: 1px solid #eee7de; background: #f4efe8; }
.lw-requirements__bar i { width: 9px; height: 9px; border-radius: 50%; background: #d7c8b8; }
.lw-requirements__bar i:first-child { background: var(--accent); }
.lw-requirements__bar span { margin-left: 8px; color: #877d72; font: 12px ui-monospace, monospace; }
.lw-requirements__body { padding: clamp(30px, 7vw, 68px); }
.lw-requirements__prompt { margin: 0 0 18px; color: #847b70; font: 14px ui-monospace, monospace; }
.lw-requirements__prompt span { color: var(--accent); font-weight: 800; }
.lw-requirements h1 { max-width: 570px; margin: 0 0 18px; font: 600 clamp(34px, 5vw, 54px)/1.08 var(--font-display); letter-spacing: -.055em; }
.lw-requirements__body > p:not(.lw-requirements__prompt) { max-width: 560px; color: #756e66; line-height: 1.75; }
.lw-requirements__body a { display: inline-flex; gap: 9px; margin-top: 18px; color: var(--accent); font-weight: 700; text-decoration: none; }