:root{color-scheme:dark;--ink:#f4f5fa;--muted:#aab5ca;--paper:#0c1220;--surface:#121b2d;--line:#26334a;--accent:#b4a0ff;--primary:#7854ed;--amber:#f2c66d;--red:#f6a3ad;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--amber);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:10;background:var(--ink);color:var(--paper);padding:12px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}.development{padding:10px 20px;text-align:center;background:#292214;color:var(--amber);font-size:12px;font-weight:700;border-bottom:1px solid #574521}.header{min-height:105px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:inline-block;flex-shrink:0;text-decoration:none}.brand-logo{display:block;width:280px;max-width:100%;height:auto}.header nav,.footer nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.header nav>a{text-decoration:none;font-size:13px;font-weight:600;color:var(--muted)}.header nav>a:hover,.text-link:hover{color:var(--ink);text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;border:1px solid var(--primary);border-radius:8px;padding:14px 23px;background:var(--primary);color:white;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}.button:hover{background:#6641d7;border-color:#6641d7}.button.small{padding:10px 17px;gap:16px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-top:35px;padding-bottom:105px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--accent);margin:0 0 22px}.hero h1{font-size:clamp(42px,4.8vw,64px);line-height:1.08;letter-spacing:-2.5px;margin:0 0 26px;font-weight:700}.hero h1 span{color:var(--accent)}h1,h2,h3,p,a{overflow-wrap:break-word}h2{font-size:clamp(29px,3.1vw,41px);line-height:1.18;letter-spacing:-1.3px;font-weight:650;margin:0 0 22px}h3{font-size:19px;line-height:1.3;margin:17px 0 12px}p{margin-top:0;color:var(--muted)}.lead{font-size:18px;line-height:1.7;max-width:550px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.text-link{font-size:14px;font-weight:700;color:var(--accent);text-decoration:none}.text-link span{margin-left:9px}.micro{font-size:12px;margin-top:13px;margin-bottom:0}.pending-note{color:var(--amber);max-width:440px}.screenshot-slot{width:100%;min-height:320px;padding:38px;background:var(--surface);border:1px dashed #52617a;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:center;gap:8px}.screenshot-slot .eyebrow{color:var(--amber);margin-bottom:12px}.screenshot-slot strong{font-size:21px}.screenshot-slot p:not(.eyebrow){font-size:14px;max-width:400px;margin:0}.slot-label{font-size:11px;color:var(--amber);margin-top:14px}.product-shot{margin:0;width:100%;min-width:0}.product-shot a{display:block}.product-shot img{display:block;width:100%;max-width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius)}.product-shot figcaption{font-size:12px;color:var(--muted);margin-top:12px}.value{padding:60px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1200px}.value h2{max-width:800px}.value p:last-child{max-width:690px;margin-bottom:0}.section{padding-top:85px;padding-bottom:85px}.features{padding-bottom:20px}.feature-section{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:center;padding-bottom:90px}.feature-section.reverse .feature-copy{order:2}.feature-section.reverse .screenshot-slot,.feature-section.reverse .product-shot{order:1}.feature-copy>p:not(.eyebrow){max-width:490px}.feature-note{font-size:13px;border-left:2px solid var(--line);padding-left:15px;margin:26px 0 0}.feature-note.destructive{border-color:var(--red);color:var(--red)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:32px}.section-heading h2{max-width:650px;margin-bottom:0}.section-heading>p{max-width:220px;font-size:14px;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;list-style:none;padding:0;margin:40px 0 0}.step-number{display:grid;place-items:center;width:33px;height:33px;border:1px solid #695397;border-radius:50%;color:var(--accent);font-size:13px}.steps p{font-size:14px;margin-bottom:0}.privacy-callout{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.privacy-callout h2{max-width:510px}.notice-inline{font-size:13px;color:var(--amber);margin-top:18px}.how-to{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid var(--line)}.guide{padding-left:23px;margin:0;color:var(--muted)}.guide li{padding:7px 0}.faq{max-width:850px}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:600;padding-right:12px}details p{font-size:15px;margin:14px 0 0;max-width:700px}.final-cta{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:60px;text-align:center}.final-cta h2{max-width:620px;margin:0 auto 26px}.final-cta .micro{color:var(--amber);margin-top:15px}.final-cta>.text-link{display:inline-block;margin-top:25px}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding-block:45px}.footer .brand-logo{width:200px}.footer>p{font-size:11px;max-width:230px;margin:0}.footer nav{gap:20px;font-size:12px}.pending{color:var(--muted)}.document{max-width:850px;padding-top:60px;padding-bottom:90px;min-height:65vh}.document h1{font-size:clamp(40px,5vw,60px);line-height:1.1;letter-spacing:-2px;margin:0 0 25px}.document-section{margin-top:45px}.document-section h2{font-size:30px}.document-section .guide{margin-bottom:15px}.development-card{padding:30px;border:1px solid #795d2e;border-radius:12px;background:#252015;margin:32px 0}.development-card h2{font-size:26px;color:#f5e2bb;letter-spacing:-.5px}.development-card p:last-child{margin-bottom:0}.development-card .eyebrow{color:var(--amber)}a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px}@media(max-width:1000px){.header nav{gap:17px}.hero{gap:35px}.feature-section{gap:40px}.steps{gap:24px}.privacy-callout,.how-to{gap:40px}}@media(max-width:760px){.header .brand-logo{width:190px}.wrap{width:calc(100% - 36px)}.header{flex-direction:column;align-items:flex-start;padding-block:25px;gap:22px}.header nav{width:100%;gap:18px}.header .button.small{padding:9px 13px;gap:12px}.hero{grid-template-columns:1fr;gap:38px;padding-top:24px;padding-bottom:55px}.hero h1{font-size:clamp(39px,8vw,57px);letter-spacing:-1.8px;max-width:600px}.hero-copy{max-width:620px}.screenshot-slot{min-height:270px;padding:28px}.section{padding-top:55px;padding-bottom:55px}.value{padding-block:45px}.feature-section{grid-template-columns:1fr;gap:26px;padding-bottom:60px}.feature-section.reverse .feature-copy,.feature-section.reverse .screenshot-slot,.feature-section.reverse .product-shot{order:initial}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:18px}.steps{grid-template-columns:repeat(2,1fr);gap:30px}.privacy-callout,.how-to{grid-template-columns:1fr;gap:20px}.final-cta{padding:40px 22px}.footer{align-items:flex-start;gap:22px}.footer nav{width:100%;gap:16px}.document{padding-top:35px}.development-card{padding:24px}}@media(max-width:430px){.header nav{gap:15px}.header nav>a{font-size:12px}.steps{grid-template-columns:1fr}.steps li{border-top:1px solid var(--line);padding-top:22px}.actions{gap:22px}.screenshot-slot{padding:22px}.development{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}



/* Homepage density: the hero and document pages retain their existing layout. */
.homepage .value{padding-block:30px}
.homepage .value .eyebrow{margin-bottom:12px}
.homepage .value h2{margin-bottom:14px}
.homepage .value>p:not(.eyebrow){max-width:900px;margin-bottom:16px}.homepage .value>p:last-child{margin-bottom:0}
.homepage .section{padding-block:48px}
.homepage .core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.homepage .core-card{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0}
.homepage .core-card .eyebrow{margin-bottom:16px}
.homepage .core-card h3{margin-top:0;font-size:21px}
.homepage .core-card>p:last-child{margin-bottom:0;font-size:15px}
.homepage .features{padding-top:12px;padding-bottom:12px}
.homepage .feature-section{gap:48px;padding-bottom:44px}
.homepage .feature-section:last-child{padding-bottom:0}
.homepage .steps{margin-top:26px;gap:28px}
.homepage .steps h3{margin-top:12px}
@media(max-width:1000px){.homepage .core-card{padding:22px}.homepage .feature-section{gap:32px}}
@media(max-width:760px){.homepage .value{padding-block:24px}.homepage .section{padding-block:34px}.homepage .core-grid{grid-template-columns:1fr;gap:14px}.homepage .features{padding-top:8px;padding-bottom:8px}.homepage .feature-section{gap:20px;padding-bottom:34px}.homepage .steps{gap:22px}}

/* Focused homepage workflow and privacy refinement. */
.homepage .how .steps{gap:28px}
.homepage .how .steps>li{position:relative;min-width:0}
.homepage .how .steps>li:not(:last-child)::before{content:"";position:absolute;top:15px;left:calc(100% - 34px);width:40px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--accent));pointer-events:none}
.homepage .how .steps>li:not(:last-child)::after{content:"";position:absolute;top:11px;left:calc(100% - 3px);width:12px;height:12px;border-top:3px solid var(--accent);border-right:3px solid var(--accent);transform:rotate(45deg);border-radius:1px;pointer-events:none}
.homepage .privacy-subheadline{font-size:18px;line-height:1.55;max-width:470px;margin-bottom:0}
.homepage .privacy-trust{list-style:none;display:flex;flex-direction:column;gap:12px;padding:18px 0 0;margin:22px 0;border-top:1px solid var(--line)}
.homepage .privacy-trust li{position:relative;min-height:24px;padding:2px 0 2px 35px;font-size:13px;font-weight:600;line-height:1.5;color:var(--ink);min-width:0}
@media(max-width:760px){.homepage .how .steps{grid-template-columns:1fr;gap:22px}.homepage .how .steps>li{padding:0 0 44px 54px;border-top:0}.homepage .how .steps>li:last-child{padding-bottom:0}.homepage .how .step-number{position:absolute;left:0;top:0}.homepage .how .steps h3{margin-top:0}.homepage .how .steps>li:not(:last-child)::before{top:auto;bottom:-1px;left:15px;width:4px;height:28px;background:linear-gradient(180deg,var(--primary),var(--accent))}.homepage .how .steps>li:not(:last-child)::after{display:block;top:auto;bottom:-1px;left:11px;width:12px;height:12px;transform:rotate(135deg)}}


/* Deliberate workflow markers and decorative trust checks. */
.homepage .how .step-number{background:#201b3a;border-color:#8d72d9;color:var(--ink);font-weight:700;box-shadow:0 0 0 4px rgb(120 84 237 / 8%)}
.homepage .privacy-trust li::before{content:"";position:absolute;left:0;top:0;width:24px;height:24px;border:1px solid #8d72d9;border-radius:50%;background:#201b3a;pointer-events:none}
.homepage .privacy-trust li::after{content:"";position:absolute;left:8px;top:7px;width:6px;height:9px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);pointer-events:none}

/* Consistent homepage section labels; document-page typography is unchanged. */
.homepage .eyebrow{font-size:16px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
@media(max-width:760px){.homepage .eyebrow{font-size:14px}}

/* Center each workflow unit and place connectors midway between circle centers. */
.homepage .how .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.homepage .how .steps>li{text-align:center}
.homepage .how .step-number{margin-inline:auto}
.homepage .how .steps p{max-width:270px;margin-inline:auto;line-height:1.65}
.homepage .how .steps>li:not(:last-child)::before{left:calc(100% + 14px - 20px)}
.homepage .how .steps>li:not(:last-child)::after{left:calc(100% + 14px + 11px)}
@media(max-width:760px){
  .homepage .how .steps{grid-template-columns:minmax(0,1fr)}
  .homepage .how .steps>li{padding:0 0 44px}
  .homepage .how .steps>li:last-child{padding-bottom:0}
  .homepage .how .step-number{position:static;margin-inline:auto}
  .homepage .how .steps h3{margin-top:12px}
  .homepage .how .steps>li:not(:last-child)::before{left:calc(50% - 2px)}
  .homepage .how .steps>li:not(:last-child)::after{left:calc(50% - 6px)}
}

/* Tighten only the heading-to-workflow gap by 16px (26px to 10px). */
.homepage .how .steps{margin-top:10px}


/* Uninstall feedback page. */
.uninstall-page{max-width:900px;padding-bottom:80px}
.uninstall-page h1{font-size:clamp(40px,5vw,62px);line-height:1.08;letter-spacing:-2px;margin:0 0 22px}
.feedback-form{margin-top:42px;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.feedback-form fieldset{border:0;padding:0;margin:0}
.feedback-form legend{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:18px}
.reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reason-option{position:relative;display:block;cursor:pointer;min-width:0}
.reason-option input{position:absolute;opacity:0;pointer-events:none}
.reason-option span{display:flex;align-items:center;min-height:58px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--muted);font-size:14px;font-weight:600;transition:border-color .15s ease,background .15s ease,color .15s ease}
.reason-option input:checked+span{border-color:var(--accent);background:#201b3a;color:var(--ink);box-shadow:0 0 0 2px rgb(180 160 255 / 12%)}
.reason-option input:focus-visible+span{outline:3px solid var(--amber);outline-offset:3px}
.feedback-details{display:block;margin:28px 0 10px;color:var(--ink);font-weight:700}
.feedback-details span{color:var(--muted);font-weight:400}
.feedback-form textarea{display:block;width:100%;resize:vertical;min-height:130px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;line-height:1.55}
.feedback-form textarea::placeholder{color:#7f8ba0}
.feedback-form textarea:focus{border-color:var(--accent);outline:3px solid rgb(180 160 255 / 16%)}
.feedback-privacy{max-width:650px;margin-top:16px}
.uninstall-recovery{margin-top:55px}
@media(max-width:760px){.uninstall-page{padding-bottom:50px}.feedback-form{padding:20px}.reason-grid{grid-template-columns:1fr}.uninstall-page h1{letter-spacing:-1.4px}}

.final-cta > .text-link { display: block; width: fit-content; max-width: 100%; margin: 24px auto 0; }

.footer nav a { text-decoration: none; font-size: 13px; font-weight: 600; color: var(--muted); } .footer nav a:hover { color: var(--ink); text-decoration: underline; }
