/* Redaxa home, after the shared sheets and site-kit.css. "Redazione dal vivo": the opening is the product at work.
   A very large condensed headline on paper, then a copper block where the example prompt types itself in, the sensitive
   words (set in the worn grade of Redaction) are covered by bars and the sealed copy slides out. Below, the page is a
   run of full-width blocks (ink, sand, white, copper) under thick ink rules. The shared sheets (plans, dialogs, account
   menu) are kept and re-pinned to this palette here, so the workspace and the desktop app are not touched. */
.redaxa-landing{
  --theme-bg:#f7f6f2;--theme-surface:#ffffff;--theme-inset:#f2f0ea;--theme-hover:#e9e3d6;--theme-text:#1b1724;--theme-muted:#4d4759;
  --theme-line:#d6cfc1;--theme-strong:#1b1724;--theme-accent:#a3471d;--theme-ink:#ffffff;
  --rx-font-ui:var(--sans);--font:var(--sans);--rx-radius:0;--rx-button-radius:0;--r-s:0;--r-m:0;--r-l:0;--r-lg:0;--danger:#9c2b12;--ease:cubic-bezier(.2,0,0,1);
  margin:0;background:var(--paper);color:var(--body);font:400 17px/1.55 var(--sans);color-scheme:light;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
html:has(>body.redaxa-landing),html[data-theme][data-theme]:has(>body.redaxa-landing){color-scheme:light;scroll-behavior:smooth}
.redaxa-landing .frame{width:100%;max-width:none;min-height:100vh;margin:0;border:0;background:none}
:where(.redaxa-landing) a{color:inherit;text-decoration:none}
.redaxa-landing button,.redaxa-landing textarea,.redaxa-landing select{font:inherit}
.redaxa-landing button{cursor:pointer}
.redaxa-landing :focus-visible{outline:3px solid var(--cu);outline-offset:4px;border-radius:0}
.redaxa-landing main [id]{scroll-margin-top:96px}
.redaxa-landing .skip{position:fixed;left:-9999px}
.redaxa-landing .skip:focus{left:16px;top:16px;z-index:60;padding:12px 16px;background:var(--ink);color:var(--on-ink);font-weight:650}
.redaxa-landing hr.rule{display:none}
.redaxa-landing h1,.redaxa-landing h2,.redaxa-landing h3{color:var(--ink);font-family:var(--display);font-weight:800;text-wrap:balance}
.redaxa-landing p{text-wrap:pretty}
.redaxa-landing .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- bar ---------- */
.redaxa-landing .nav{position:sticky;top:0;z-index:50;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px;height:76px;min-height:0;padding:0 var(--edge);
  background:var(--paper);border-bottom:3px solid var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.redaxa-landing .brand{display:flex;align-items:center;gap:12px;margin:0;color:var(--ink);font:800 30px/1 var(--display);letter-spacing:-.01em}
.redaxa-landing .mark{width:36px;height:36px;border-radius:0;overflow:hidden}
.redaxa-landing .mark img{display:block;width:100%;height:100%}
.redaxa-landing .nav-right{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:10px}
.redaxa-landing .nav .ps-auth-buttons{display:flex;flex-wrap:nowrap;flex-basis:auto;order:0;align-items:center;gap:10px}
.redaxa-landing .navlinks{display:flex;align-items:center;gap:30px;margin:0 auto 0 44px;color:var(--ink);font-size:15px;font-weight:650}
.redaxa-landing .navlinks a{padding:10px 0}
.redaxa-landing .navlinks a:hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--cu);text-underline-offset:6px}
.redaxa-landing .nav :is(.small-btn,.nav-install){display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border:0;border-radius:0;background:none;color:var(--ink);font:650 15px/1 var(--sans);white-space:nowrap;transition:none}
.redaxa-landing .nav :is(.small-btn,.nav-install):hover{background:none;text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--cu);text-underline-offset:6px}
.redaxa-landing .nav a.small-btn[href="#account"]:not(.ghost){padding:0 6px;font:800 17px/1 var(--display);letter-spacing:.012em;background:linear-gradient(var(--ink),var(--ink)) 0 100%/100% 4px no-repeat;transition:background-size .3s cubic-bezier(.7,0,.2,1),color .2s}
.redaxa-landing .nav a.small-btn[href="#account"]:not(.ghost):hover{background-size:100% 100%;color:var(--on-ink);text-decoration:none}
.redaxa-landing .nav .nav-cta{--btn-h:44px;--btn-pad:20px;--btn-fs:17px;white-space:nowrap}

/* ---------- opening: type first ---------- */
.redaxa-landing .hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:start;padding:40px var(--edge) 0;background:none}
.redaxa-landing .hero>div:first-child{display:contents}
.redaxa-landing .eyebrow,.redaxa-landing .section-kicker,.redaxa-landing .section>.label{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:0;border:0;border-radius:0;background:none;color:var(--ink);font-size:16px;font-weight:650;letter-spacing:0;text-transform:none}
.redaxa-landing .pulse{width:34px;height:13px;border-radius:0;background:var(--ink);box-shadow:none}
.redaxa-landing .section-kicker::before,.redaxa-landing .section>.label::before{content:"";flex:none;width:34px;height:13px;background:currentColor}
.redaxa-landing .hero h1{grid-column:1/-1;margin:10px 0 0;font-size:clamp(52px,9.2vw,126px);line-height:.88;letter-spacing:-.022em}
.redaxa-landing .hero h1 em{font-style:normal;color:var(--cu)}
.redaxa-landing .hero .sub{grid-column:1/7;max-width:none;margin:32px 0 0;color:var(--mut);font-size:19px;line-height:1.55}
.redaxa-landing .cta-row{grid-column:7/-1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px 20px;align-content:start;align-items:start;margin-top:34px}
.redaxa-landing .free-path{display:flex;flex-direction:column;gap:14px;max-width:none}
.redaxa-landing .free-path p{margin:0;color:var(--mut);font-size:13.5px;line-height:1.5}
.redaxa-landing .free-path :is(.btn-primary,.btn-ghost){--btn-h:64px;--btn-pad:12px;--btn-fs:20px}
.redaxa-landing .hero-paths{grid-column:1/7;display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:14px}
.redaxa-landing .hero-paths a,.redaxa-landing .section p a:not([class]),.redaxa-landing .trust-limit a,.redaxa-landing .rx-preview-note a{color:var(--ink);font-weight:650;text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--cu);text-underline-offset:5px}
.redaxa-landing .hero-paths a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px}
.redaxa-landing .hero-paths a:hover,.redaxa-landing .section p a:not([class]):hover,.redaxa-landing .trust-limit a:hover,.redaxa-landing .rx-preview-note a:hover{text-decoration-color:var(--ink)}
.redaxa-landing .hero-trial{grid-column:7/-1;margin:26px 0 0;color:var(--mut);font-size:13.5px;line-height:1.5}
.redaxa-landing .hero-trial b{font-weight:520}

/* ---------- the stage: a copper block where the example is redacted ---------- */
.redaxa-landing .shield-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.62fr) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:40px;
  margin:104px calc(var(--edge)*-1) 0;padding:0 var(--edge) 64px;border:0;border-radius:0;background:var(--cu);box-shadow:none;color:#fff;font-size:15px;overflow:visible;animation:none}
.redaxa-landing .sc-head{grid-column:2/-1;grid-row:1;display:flex;align-items:center;gap:14px;padding-top:30px}
.redaxa-landing .sc-title{color:#fff;font:800 19px/1 var(--display);letter-spacing:.12em}
.redaxa-landing .sc-live{padding:4px 9px 3px;border:2px solid #fff;border-radius:0;color:#fff;font-size:12px;font-weight:750;letter-spacing:.1em;transform:rotate(-4deg)}
.redaxa-landing .sc-status{position:relative;margin-left:auto;min-width:7em;height:1.4em;color:#fff;font-size:15px;font-weight:700;letter-spacing:0;text-align:right}
.redaxa-landing .sc-status span{position:absolute;inset:auto;right:0;top:0;white-space:nowrap;color:#fff;animation:none}
.redaxa-landing .sc-status .scanning{opacity:0}
.redaxa-landing .sc-status .protected{opacity:1}
.redaxa-landing .shield-card .label{display:block;margin:0;color:inherit;font-size:14.5px;font-weight:700;letter-spacing:0;text-transform:none}
.redaxa-landing .sc-stage{position:relative;z-index:2;align-self:start;grid-column:1;grid-row:1/span 3;margin-top:-58px;padding:28px 34px 38px;background:#fff;color:var(--ink);box-shadow:0 34px 60px -22px rgba(27,23,36,.6);transform:rotate(-1.6deg)}
.redaxa-landing .sc-stage .label{margin-bottom:14px;color:var(--cu)}
.redaxa-landing .sc-raw{position:static;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--ink);font-size:30px;line-height:1.32;font-weight:600;letter-spacing:-.02em;overflow:visible;font-kerning:none;font-variant-ligatures:none}
/* the sensitive words: worn type first, then the bar */
.redaxa-landing .sc-raw mark{padding:0;border-radius:0;font-family:var(--worn);font-weight:400;letter-spacing:0;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(var(--ink),var(--ink)) no-repeat 0 60%/100% 82%;box-shadow:none;animation:none}
.redaxa-landing .scanline{display:none}
.redaxa-landing .sc-flow{grid-column:2;grid-row:2;align-self:end;display:flex;align-items:center;gap:12px;margin:44px 0 0}
.redaxa-landing .sc-flow svg{width:34px;height:34px;color:#fff;transform:rotate(-90deg)}
.redaxa-landing .sc-detect{grid-column:2;grid-row:3;margin-top:10px;padding:0;border:0}
.redaxa-landing .sc-count{display:block;color:#fff;font:800 34px/1 var(--display);letter-spacing:-.005em}
.redaxa-landing .sc-badges{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.redaxa-landing .sc-badge{padding:7px 12px 6px;border:0;border-radius:0;background:#fff;color:var(--ink);font-size:13.5px;font-weight:750;letter-spacing:.06em;animation:none}
.redaxa-landing .sc-badge+.sc-badge{transform:rotate(2deg)}
.redaxa-landing .sc-safe{position:relative;z-index:1;grid-column:3;grid-row:2/span 2;align-self:center;margin-top:34px;padding:26px 30px 32px;background:var(--ink);color:var(--on-ink);box-shadow:0 34px 60px -22px rgba(0,0,0,.7);transform:rotate(1.3deg);animation:none}
.redaxa-landing .sc-safe .label{margin-bottom:12px;color:var(--cu-light)}
.redaxa-landing .sc-safe code{display:block;padding:0;border:0;border-radius:0;background:none;color:var(--on-ink);font:500 21px/1.5 var(--mono);letter-spacing:-.01em}
.redaxa-landing .sc-safe code b{padding:1px 7px;background:var(--cu-light);color:var(--ink);font-weight:700}
.redaxa-landing .sc-foot{grid-column:2/-1;grid-row:4;display:flex;align-items:center;gap:10px;margin-top:40px;color:#fff;font-size:14px;font-weight:520;letter-spacing:0;text-transform:none}
.redaxa-landing .sc-foot .pulse{width:22px;height:8px;background:#fff}
/* The one sequence, started by landing.ts (class "play"); without it, or with reduced motion, the card shows its last frame. */
.redaxa-landing .ch{animation:b-type 1ms both}
@keyframes b-type{from{opacity:0}}
.redaxa-landing .play .sc-raw mark{animation:b-bar .45s cubic-bezier(.7,0,.2,1) 1.45s both}
@keyframes b-bar{from{color:var(--ink);background-size:0 82%}60%{color:var(--ink)}to{color:transparent;background-size:100% 82%}}
.redaxa-landing .play :is(.sc-flow,.sc-count){animation:b-in .35s 1.9s both}
.redaxa-landing .play .sc-badge{animation:b-pop .35s cubic-bezier(.3,1.5,.5,1) 2.05s both}
.redaxa-landing .play .sc-badge+.sc-badge{animation-delay:2.2s}
@keyframes b-in{from{opacity:0;transform:translateY(8px)}}
@keyframes b-pop{from{opacity:0;transform:scale(.4)}}
.redaxa-landing .play .sc-safe{animation:b-slide .75s cubic-bezier(.2,.8,.2,1) 2.45s both}
@keyframes b-slide{from{opacity:0;transform:translateX(-85%) rotate(-1.6deg)}}
.redaxa-landing .play .sc-status .scanning{opacity:1;animation:b-out .2s 3.1s both}
.redaxa-landing .play .sc-status .protected{animation:b-in .3s 3.1s both}
@keyframes b-out{to{opacity:0}}

/* ---------- what it protects: four blocks ---------- */
.redaxa-landing .protect{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:none}
.redaxa-landing .protect-item{display:flex;flex-direction:column;min-height:370px;padding:44px 36px 52px;border:0;--ic-size:66px}
.redaxa-landing .protect-item svg{display:none}
.redaxa-landing .protect-item::before{content:"";display:block;flex:none;width:var(--ic-size);height:var(--ic-size);background:var(--ic) center/contain no-repeat}
.redaxa-landing .protect-item h3{margin:auto 0 12px;padding-top:56px;font-size:46px;line-height:.92;letter-spacing:-.012em}
.redaxa-landing .protect-item p{margin:0;color:var(--body);font-size:16px;line-height:1.5}
.redaxa-landing .protect-item:nth-child(1){background:var(--ink);--ic:var(--ic-person-alt)}
.redaxa-landing .protect-item:nth-child(1) h3{color:var(--on-ink)}
.redaxa-landing .protect-item:nth-child(1) p{color:var(--on-ink-mut)}
.redaxa-landing .protect-item:nth-child(2){background:var(--sand);--ic:var(--ic-key)}
.redaxa-landing .protect-item:nth-child(3){background:#fff;--ic:var(--ic-card)}
.redaxa-landing .protect-item:nth-child(3)::before{transform:rotate(-6deg)}
.redaxa-landing .protect-item:nth-child(4){background:var(--cu-light);--ic:var(--ic-file)}

/* ---------- sections ---------- */
.redaxa-landing .section{padding:88px var(--edge) 80px}
.redaxa-landing .section h2{margin:12px 0 0;max-width:12em;font-size:clamp(42px,6.2vw,88px);line-height:.9;letter-spacing:-.02em}
.redaxa-landing .section .lede{max-width:36em;margin:26px 0 0;color:var(--mut);font-size:19px;line-height:1.55}

/* ---------- the prompt check: a white sheet to write on, an ink sheet for what comes back ---------- */
.redaxa-landing .section:has(+.scanner){padding-bottom:0!important;background:var(--sand)}
.redaxa-landing .scanner{margin:0;padding:48px var(--edge) 96px;border:0;border-radius:0;background:var(--sand);box-shadow:none;overflow:visible}
.redaxa-landing .scanner-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;padding:0 0 16px;border:0;border-bottom:5px solid var(--ink);background:none}
.redaxa-landing .scanner-head h3{margin:0;font-size:30px;line-height:1;letter-spacing:0}
.redaxa-landing .local{color:var(--ink);font-size:15px;font-weight:600}
.redaxa-landing .local span{color:var(--cu)}
.redaxa-landing .scanner-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:36px;min-height:0;padding-top:36px;align-items:start}
.redaxa-landing .scan-area{display:flex;flex-direction:column;padding:28px 30px 30px;border:0;background:#fff;box-shadow:0 30px 54px -26px rgba(27,23,36,.5);transform:rotate(-.6deg)}
.redaxa-landing .scan-area label{margin:0 0 12px;color:var(--cu);font-size:14.5px;font-weight:700}
.redaxa-landing .scanner textarea{flex:1;min-height:230px;padding:16px 18px;border:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);caret-color:var(--cu);font:500 17px/1.6 var(--mono);resize:vertical;outline:0;transition:box-shadow .15s}
.redaxa-landing .scanner textarea::placeholder{color:var(--mut);opacity:1}
.redaxa-landing .scanner textarea:focus{border-color:var(--ink);box-shadow:6px 6px 0 var(--cu)}
.redaxa-landing .actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:22px}
.redaxa-landing .sample{min-height:44px;padding:0;border:0;background:none;color:var(--ink);font-size:15px;font-weight:650;text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--cu);text-underline-offset:5px}
.redaxa-landing .sample:hover{text-decoration-color:var(--ink)}
.redaxa-landing .scanner .primary{--btn-h:60px;--btn-fs:20px}
.redaxa-landing .results{margin-top:26px;padding:28px 30px 32px;border:0;background:var(--ink);color:var(--on-ink);box-shadow:0 30px 54px -26px rgba(0,0,0,.7);transform:rotate(.7deg);--bar:var(--on-ink);--over:var(--ink);--focus-ring:var(--cu-light)}
.redaxa-landing .results h3{margin:0;color:var(--on-ink);font-size:27px;line-height:1.02;letter-spacing:0}
.redaxa-landing .results-copy{margin:10px 0 20px;color:var(--on-ink-mut);font-size:15px;line-height:1.5}
.redaxa-landing .empty{padding:20px 22px;border:2px dashed var(--on-ink-line);border-radius:0;color:var(--on-ink-mut);font-size:15px;line-height:1.55}
.redaxa-landing .finding{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:2px solid var(--on-ink-line)}
.redaxa-landing .severity{flex:none;width:13px;height:13px;margin-top:5px;border-radius:0;background:var(--cu-light)}
.redaxa-landing .finding b{display:block;color:var(--on-ink);font-size:15px;font-weight:700}
.redaxa-landing .finding span{display:block;margin-top:3px;color:var(--on-ink-mut);font:500 14.5px/1.5 var(--mono);word-break:break-word}
.redaxa-landing .safe-output{display:none;margin-top:18px;padding-top:20px;border-top:5px solid var(--cu-light)}
.redaxa-landing .safe-output pre{max-height:170px;margin:12px 0 0;padding:16px 18px;border:0;border-radius:0;background:var(--paper);color:var(--ink);font:500 15px/1.6 var(--mono);white-space:pre-wrap;overflow:auto}
.redaxa-landing .results .copy{--btn-h:48px;--btn-pad:8px;--btn-fs:18px;margin-top:16px}
.redaxa-landing .results :focus-visible{outline-color:var(--cu-light)}

/* ---------- how it works: four numbered sheets under one rule ---------- */
.redaxa-landing .flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;margin-top:64px;border-top:5px solid var(--ink)}
.redaxa-landing .flow::before{content:none}
.redaxa-landing .step{position:relative;padding:22px 0 0}
.redaxa-landing .step-num{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;color:var(--ink);font:800 clamp(72px,8.4vw,120px)/.8 var(--display);letter-spacing:-.03em}
.redaxa-landing .step:nth-child(3) .step-num{color:var(--cu)}
.redaxa-landing .step h3{margin:22px 0 10px;font-size:30px;line-height:.98;letter-spacing:-.005em}
.redaxa-landing .step p{margin:0;color:var(--body);font-size:16px;line-height:1.5}
.redaxa-landing .step .mini{display:inline-block;margin-top:18px;padding:10px 14px;background:#fff;box-shadow:0 16px 28px -16px rgba(27,23,36,.45);color:var(--ink);font:500 15px/1.4 var(--mono);transform:rotate(-1.2deg)}
.redaxa-landing .step:nth-child(4) .mini{background:var(--ink);color:var(--on-ink);transform:rotate(1deg)}
.redaxa-landing .step .mini mark{padding:0 2px;border-radius:0;background:linear-gradient(var(--cu),var(--cu)) 0 100%/100% 3px no-repeat;box-shadow:none;color:var(--ink);font:400 1.12em/1 var(--worn)}
.redaxa-landing .step .mini b{padding:1px 6px;background:var(--cu-light);color:var(--ink);font-weight:700}

/* ---------- why trust it: the ink band ---------- */
.redaxa-landing #privacy{padding-bottom:72px!important;background:var(--ink)}
.redaxa-landing #privacy :is(.section-kicker,h2){color:var(--on-ink)}
.redaxa-landing .trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:64px;border-top:5px solid var(--on-ink)}
.redaxa-landing .trust-item{padding:26px 32px 8px 0;border:0;border-radius:0;background:none;box-shadow:none}
.redaxa-landing .trust-item+.trust-item{padding-left:32px;border-left:2px solid var(--on-ink-line)}
.redaxa-landing #privacy .trust-item .label{color:var(--cu-light);font-size:14.5px;font-weight:700;letter-spacing:0;text-transform:none}
.redaxa-landing #privacy .trust-item h3{margin:44px 0 12px;padding:0;color:var(--on-ink);font-size:40px;line-height:.95;letter-spacing:-.01em}
.redaxa-landing #privacy .trust-item h3::before{content:none}
.redaxa-landing #privacy .trust-item p{margin:0;color:var(--on-ink-mut);font-size:16px;line-height:1.55}

/* ---------- pricing: the price is the largest thing in a card; the recommended plan is on ink and lifted ---------- */
.redaxa-landing .plans-page{color:var(--body);background:none}
.redaxa-landing .plans-page>.lede+.billing-switch,.redaxa-landing .billing-switch{display:inline-flex;flex-wrap:wrap;gap:0;margin:34px 0 0;padding:0;border:3px solid var(--ink);border-radius:0;background:#fff}
.redaxa-landing .billing-switch button{min-height:48px;padding:0 20px;border:0;border-radius:0;background:none;color:var(--ink);font:800 17px/1 var(--display);letter-spacing:.012em;transition:background .15s,color .15s}
.redaxa-landing .billing-switch button:hover{background:var(--sand);color:var(--ink)}
.redaxa-landing .billing-switch button[aria-pressed="true"]{background:var(--ink);color:var(--on-ink)}
.redaxa-landing .billing-switch button:focus-visible{outline-offset:-6px;outline-color:var(--cu-light)}
.redaxa-landing .plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:58px}
.redaxa-landing .plan-card,.redaxa-landing .plan-card:hover{position:relative;padding:28px 26px 30px;border:3px solid var(--ink);border-radius:0;background:#fff;box-shadow:none;transform:none}
.redaxa-landing .plan-card.plan-free{background:var(--paper)}
.redaxa-landing .plan-card.featured,.redaxa-landing .plan-card.featured:hover{margin-top:-22px;background:var(--ink);color:var(--on-ink);box-shadow:12px 12px 0 var(--cu);
  --bar:var(--on-ink);--over:var(--ink);--top:var(--cu-light);--top-fg:var(--ink);--under:#fff;--under-fg:var(--ink);--focus-ring:#fff}
.redaxa-landing .plan-ribbon{position:absolute;top:-19px;left:22px;right:auto;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 7px;border:0;border-radius:0;background:var(--cu-light);box-shadow:none;color:var(--ink);font:700 13.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-3deg)}
.redaxa-landing .plan-ribbon svg{display:none}
.redaxa-landing .plan-top :is(h2,h3){margin:0;font-size:40px;line-height:.95;letter-spacing:-.01em}
.redaxa-landing .plan-tagline{color:var(--cu);font-size:14.5px;font-weight:700}
.redaxa-landing .plan-desc{color:var(--mut);font-size:16px;line-height:1.5}
.redaxa-landing .plan-price{color:var(--ink);font:800 clamp(52px,5.2vw,72px)/.9 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.redaxa-landing .plans-page .plan-price>small:not(.price-equiv),.redaxa-landing .plan-price small{color:var(--mut);font:650 16px/1.2 var(--sans);letter-spacing:0}
.redaxa-landing .plans-page .plan-price .price-equiv{display:block;margin-top:10px;color:var(--mut);font:500 15px/1.4 var(--sans);letter-spacing:0}
.redaxa-landing .plan-note,.redaxa-landing .plan-footnote,.redaxa-landing .plan-choice-note,.redaxa-landing .plan-choice-line{color:var(--mut);font-size:14.5px;line-height:1.5}
.redaxa-landing .plan-card.featured :is(.plan-top h3,.plan-price,.rx-benefits strong){color:var(--on-ink)}
.redaxa-landing .plan-card.featured :is(.plan-desc,.plan-note,.plan-footnote,.plan-choice-note,.plan-choice-line,.rx-benefits li),.redaxa-landing .plan-card.featured .plan-price small,.redaxa-landing .plans-page .plan-card.featured .plan-price .price-equiv{color:var(--on-ink-mut)}
.redaxa-landing .seats-row{color:var(--ink);font-size:15px;font-weight:650}
.redaxa-landing .seats-row select{min-height:44px;padding:0 12px;border:2px solid var(--ink);border-radius:0;background-color:#fff;color:var(--ink);font:600 15px/1 var(--sans)}
.redaxa-landing .seats-row select:hover{border-color:var(--cu)}
.redaxa-landing .plan-card .plan-actions>:is(button,a){width:100%;--btn-h:58px;--btn-fs:20px;--btn-pad:14px}
.redaxa-landing .plan-card .plan-actions>.rx-plan-cta:not(.ghost)::after{content:none}
.redaxa-landing .plan-card .plan-actions>[aria-busy="true"]{opacity:.75;cursor:progress}
.redaxa-landing .plan-card .rx-benefits{margin:0;padding:22px 0 0;border-top:2px solid var(--ink);list-style:none;font-size:15.5px;line-height:1.5}
.redaxa-landing .plan-card.featured .rx-benefits{border-top-color:var(--on-ink-line)}
.redaxa-landing .plan-card .rx-benefits li{position:relative;margin:0 0 12px;padding:0 0 0 26px;color:var(--body);background:none}
.redaxa-landing .plan-card .rx-benefits li::before{content:"";position:absolute;left:0;top:.42em;width:12px;height:12px;border:0;border-radius:0;background:var(--ink);-webkit-mask:none;mask:none;transform:none}
.redaxa-landing .plan-card.featured .rx-benefits li::before{background:var(--cu-light)}
.redaxa-landing .plan-card .rx-benefits strong{color:var(--ink);font-weight:700}
/* an offer: the old price struck, the new one as the hero, the percentage as a stamp */
.redaxa-landing .plan-price .rx-was{color:var(--mut);font:650 22px/1 var(--sans);text-decoration-thickness:3px;text-decoration-color:var(--cu)}
.redaxa-landing .plan-price .rx-off{display:inline-block;padding:8px 12px 6px;border-radius:0;background:var(--cu);color:#fff;font:800 28px/1 var(--display);letter-spacing:0;transform:rotate(-4deg)}
.redaxa-landing .plan-card.featured .plan-price .rx-off{background:var(--cu-light);color:var(--ink)}
.redaxa-landing .plans-checkout-note{max-width:44rem;margin:28px 0 0;color:var(--mut);font-size:14.5px;line-height:1.55}
.redaxa-landing .plans-section{margin-top:88px;padding-top:26px;border-top:5px solid var(--ink)}
.redaxa-landing .plans-section>:is(h2,h3){margin:0 0 30px;font-size:clamp(34px,4vw,54px);line-height:.92;letter-spacing:-.012em}
.redaxa-landing .compare-wrap{border:0;border-radius:0;background:none;overflow-x:auto}
.redaxa-landing .compare-table,.redaxa-landing .surface-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}
.redaxa-landing .compare-table :is(th,td),.redaxa-landing .surface-table :is(th,td){padding:16px 18px;border:0;border-bottom:2px solid var(--ink);background:none;color:var(--body);text-align:left;vertical-align:top}
.redaxa-landing .compare-table thead th,.redaxa-landing .surface-table thead th{border-bottom-width:5px;background:none;color:var(--ink);font:800 21px/1.1 var(--display);letter-spacing:.01em;text-transform:none}
.redaxa-landing .compare-table th[scope="row"],.redaxa-landing .compare-table thead th:first-child,.redaxa-landing .surface-table tbody th{padding-left:0;color:var(--ink);font-weight:650}
.redaxa-landing .compare-table td,.redaxa-landing .compare-table thead th:not(:first-child){text-align:center}
.redaxa-landing .compare-table td:nth-child(3),.redaxa-landing .compare-table .cmp-featured{background:var(--sand);color:var(--ink);font-weight:650}
.redaxa-landing .compare-table thead .cmp-featured{background:var(--ink);color:var(--on-ink)}
.redaxa-landing .compare-table .cmp-yes{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:square}
.redaxa-landing .compare-table .cmp-cell-no{color:var(--mut)}
.redaxa-landing .surface-intro{max-width:36em;margin:0 0 30px;color:var(--mut);font-size:19px;line-height:1.55}
.redaxa-landing .surface-table tbody th{width:30%}
.redaxa-landing .surface-table td{width:35%}
.redaxa-landing .surface-table strong{display:block;color:var(--ink);font-weight:700}
.redaxa-landing .trust-limit{max-width:60rem;margin:26px 0 0;color:var(--mut);font-size:14.5px;line-height:1.6}
.redaxa-landing .faq-list{display:block;border:0}
.redaxa-landing .faq-item{padding:0;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:none}
.redaxa-landing .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:14px 0;color:var(--ink);font:800 25px/1.05 var(--display);letter-spacing:0;list-style:none;cursor:pointer}
.redaxa-landing .faq-item summary::-webkit-details-marker{display:none}
.redaxa-landing .faq-item summary::after{content:"";flex:none;width:28px;height:28px;border:0;background:linear-gradient(var(--ink),var(--ink)) center/100% 6px no-repeat,linear-gradient(var(--ink),var(--ink)) center/6px 100% no-repeat;color:transparent;transform:none;transition:background-size .2s}
.redaxa-landing .faq-item[open] summary::after{background-size:100% 6px,6px 0}
.redaxa-landing .faq-item summary:hover{color:var(--cu)}
.redaxa-landing .faq-item p{max-width:46rem;margin:0;padding:0 0 22px;color:var(--body);font-size:17px;line-height:1.6}

/* ---------- the repository check: a copper-light block, the example as a tilted sheet ---------- */
.redaxa-landing .rx-repository-story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;margin:0;padding:88px var(--edge);border:0;border-radius:0;background:var(--cu-light);color:var(--ink)}
.redaxa-landing .rx-pro-badge{display:inline-block;padding:5px 10px 4px;border:2px solid var(--ink);border-radius:0;background:none;color:var(--ink);font:750 12.5px/1 var(--sans);letter-spacing:.1em;transform:rotate(-3deg)}
.redaxa-landing .rx-repository-story h2{margin:22px 0 0;font-size:clamp(40px,5.4vw,76px);line-height:.9;letter-spacing:-.02em}
.redaxa-landing .rx-repository-story>div>p:not(.rx-preview-note){max-width:34em;margin:24px 0 0;color:var(--ink);font-size:19px;line-height:1.55}
.redaxa-landing .rx-repository-story .rx-benefits{margin:26px 0 30px;padding:0;list-style:none;color:var(--ink);font-size:16px;line-height:1.5}
.redaxa-landing .rx-repository-story .rx-benefits li{position:relative;margin:0 0 12px;padding:0 0 0 28px;background:none}
.redaxa-landing .rx-repository-story .rx-benefits li::before{content:"";position:absolute;left:0;top:.42em;width:13px;height:13px;border:0;border-radius:0;background:var(--ink);-webkit-mask:none;mask:none;transform:none}
.redaxa-landing .rx-repository-story .btn-primary{--btn-h:64px;--btn-fs:21px;--under:#fff;--under-fg:var(--ink);--focus-ring:#fff}
.redaxa-landing .rx-preview-note{max-width:40em;margin:22px 0 0;color:var(--ink);font-size:14.5px;line-height:1.55}
.redaxa-landing .rx-repo-visual{padding:30px 32px 34px;border:0;border-radius:0;background:#fff;box-shadow:0 34px 60px -24px rgba(27,23,36,.55);transform:rotate(1.4deg)}
.redaxa-landing .rx-repo-visual-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--cu);font-size:14.5px;font-weight:700}
.redaxa-landing .rx-repo-visual h3{margin:18px 0 22px;font-size:34px;line-height:.95;letter-spacing:-.005em}
.redaxa-landing .rx-repo-example{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:15px 0;border:0;border-top:2px solid var(--ink);border-radius:0;background:none;color:var(--ink);font-size:16px;font-weight:650}
.redaxa-landing .rx-repo-example span+span{flex:none;color:var(--mut);font-size:14.5px;font-weight:600}
.redaxa-landing .rx-repo-example.is-priority{margin-inline:-12px;padding:15px 12px;border-top:0;background:var(--ink);color:var(--on-ink)}
.redaxa-landing .rx-repo-example.is-priority span+span{color:var(--cu-light)}
.redaxa-landing .rx-repo-example.is-priority+.rx-repo-example{border-top:0}
.redaxa-landing .rx-repo-visual .rx-preview-note{margin-top:20px;color:var(--mut)}

/* ---------- where it runs, the release check, the sister product ---------- */
.redaxa-landing .suite-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px 30px;padding:40px var(--edge);color:var(--body);font-size:17px;line-height:1.55}
.redaxa-landing .suite-line>span{flex:0 0 100%;padding-right:max(0px,calc(100% - 52em))}
.redaxa-landing .suite-line b{color:var(--ink);font:800 26px/1 var(--display);letter-spacing:0}
.redaxa-landing .suite-line em{font-style:normal;color:var(--cu);font-weight:650}
.redaxa-landing .suite-go{--btn-h:50px;--btn-pad:6px;--btn-fs:19px;flex:none;gap:0;border:0;border-radius:0}
.redaxa-landing #extension{padding-block:64px 56px;background:var(--ink);color:var(--on-ink-mut);--bar:var(--on-ink);--over:var(--ink);--focus-ring:var(--cu-light)}
.redaxa-landing #extension b{color:var(--on-ink);font-size:34px}
.redaxa-landing #extension :focus-visible{outline-color:var(--cu-light)}
.redaxa-landing .verify-download{margin:0!important;padding:18px var(--edge) 22px;background:var(--ink);color:var(--on-ink-mut);font-size:15px!important}
.redaxa-landing .verify-download summary{display:inline-flex;align-items:center;min-height:44px;color:var(--on-ink);text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--cu-light);text-underline-offset:5px}
.redaxa-landing .verify-download summary:focus-visible{outline-color:var(--cu-light)}
.redaxa-landing .verify-download p{max-width:52em;margin:.6em 0}
.redaxa-landing .verify-download code{padding:1px 6px;background:#2c2637;color:var(--on-ink);font:.92em var(--mono)}
.redaxa-landing .verify-download pre{max-width:52em;margin:.6em 0 0;padding:14px 16px;background:#2c2637}
.redaxa-landing .verify-download pre code{padding:0;background:none}
.redaxa-landing #extension~.suite-line{background:var(--sand)}

/* ---------- before you paste ---------- */
.redaxa-landing .section>h2+p:not(.lede){max-width:44em;margin:26px 0 0;color:var(--body);font-size:19px;line-height:1.6}
.redaxa-landing .repo-ctas{display:flex;flex-wrap:wrap;gap:16px 36px;margin:34px 0 0}
.redaxa-landing .repo-ctas .btn-ghost{--btn-pad:6px;--btn-fs:21px}

/* ---------- the page ends on ink ---------- */
.redaxa-landing footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:26px 56px;align-items:start;padding:64px var(--edge) 72px;border:0;background:var(--ink);color:var(--on-ink-mut);font-size:15px;line-height:1.6}
.redaxa-landing .footer-brand{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--on-ink);font:800 34px/1 var(--display);letter-spacing:-.01em}
.redaxa-landing .footer-brand img{width:40px;height:40px;border-radius:0}
.redaxa-landing .footer-tag{flex-basis:100%;margin:0;color:var(--on-ink-mut);font:500 15px/1.4 var(--sans);letter-spacing:0}
.redaxa-landing footer>:not(.footer-brand){grid-column:2}
.redaxa-landing .footer-brand{grid-row:1/span 5}
.redaxa-landing footer nav.flinks{display:flex;flex-wrap:wrap;gap:6px 26px}
.redaxa-landing footer nav.flinks a,.redaxa-landing footer>span a{display:inline-block;padding:6px 0;color:var(--on-ink);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--cu-light);text-underline-offset:5px}
.redaxa-landing footer nav.flinks a:hover,.redaxa-landing footer>span a:hover{text-decoration-color:var(--on-ink)}
.redaxa-landing footer nav.flinks:first-of-type a{font:800 22px/1.1 var(--display);text-decoration-thickness:3px}
.redaxa-landing footer nav.flinks>span{padding:6px 0}
.redaxa-landing footer nav.flinks[aria-label="From the same developer"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}
.redaxa-landing footer nav.flinks[aria-label="From the same developer"]>span:first-child{grid-column:1/-1;color:var(--on-ink);font-weight:650}
.redaxa-landing footer nav.flinks .lang-current{padding:6px 10px 5px;background:var(--on-ink);color:var(--ink);font-weight:700}
.redaxa-landing .source-actions{display:flex;flex-wrap:wrap;gap:10px 30px;--bar:var(--on-ink);--over:var(--ink)}
.redaxa-landing .source-actions a{display:inline-flex;align-items:center;min-height:48px;padding:0 6px;border:0;border-radius:0;color:var(--on-ink);font:800 19px/1 var(--display);letter-spacing:.012em;background:linear-gradient(var(--on-ink),var(--on-ink)) 0 100%/100% 5px no-repeat;transition:background-size .3s cubic-bezier(.7,0,.2,1),color .2s}
.redaxa-landing .source-actions a:hover{background-size:100% 100%;color:var(--ink)}
.redaxa-landing footer :focus-visible{outline-color:var(--cu-light)}

/* ---------- narrower screens ---------- */
@media (max-width:1100px){
  .redaxa-landing .navlinks{gap:20px;margin-left:28px}
  .redaxa-landing .plan-grid{gap:16px}
  .redaxa-landing .plan-card,.redaxa-landing .plan-card:hover{padding:24px 20px 26px}
}
@media (max-width:1023px){
  .redaxa-landing .navlinks{display:none}
  .redaxa-landing .hero :is(.sub,.cta-row,.hero-paths,.hero-trial){grid-column:1/-1}
  .redaxa-landing .hero-trial{margin-top:8px}
  .redaxa-landing .shield-card{grid-template-columns:1fr;row-gap:0;margin-top:96px}
  .redaxa-landing :is(.sc-head,.sc-stage,.sc-flow,.sc-detect,.sc-safe,.sc-foot){grid-column:1;grid-row:auto}
  .redaxa-landing .sc-stage{order:-1}
  .redaxa-landing .sc-head{padding-top:26px}
  .redaxa-landing .sc-flow svg{transform:none}
  .redaxa-landing .sc-safe{margin-top:30px}
  @keyframes b-slide{from{opacity:0;transform:translateY(-60%) rotate(-1.6deg)}}
  .redaxa-landing .protect{grid-template-columns:repeat(2,minmax(0,1fr))}
  .redaxa-landing .scanner-grid{grid-template-columns:1fr;gap:0}
  .redaxa-landing .flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}
  .redaxa-landing .step:nth-child(n+3){padding-top:22px;border-top:5px solid var(--ink)}
  .redaxa-landing .trust{grid-template-columns:1fr}
  .redaxa-landing .trust-item,.redaxa-landing .trust-item+.trust-item{padding:24px 0 30px;border:0}
  .redaxa-landing .trust-item+.trust-item{border-top:2px solid var(--on-ink-line)}
  .redaxa-landing #privacy .trust-item h3{margin-top:18px}
  .redaxa-landing .plan-grid{grid-template-columns:1fr;gap:34px;max-width:34rem}
  .redaxa-landing .plan-card.featured,.redaxa-landing .plan-card.featured:hover{margin-top:0}
  .redaxa-landing .rx-repository-story{grid-template-columns:1fr;gap:48px}
  .redaxa-landing footer{grid-template-columns:1fr}
  .redaxa-landing footer>:not(.footer-brand){grid-column:1}
  .redaxa-landing .footer-brand{grid-row:auto}
}
@media (max-width:700px){
  .redaxa-landing .nav{height:64px;padding-block:0;gap:10px}
  .redaxa-landing .brand{font-size:26px}
  .redaxa-landing .nav .ps-auth-buttons>a[href="#account"]:not(.ghost),.redaxa-landing .nav .nav-cta{display:none}
  .redaxa-landing main [id]{scroll-margin-top:84px}
  .redaxa-landing .hero{padding-top:28px}
  .redaxa-landing .hero .sub{margin-top:22px;font-size:17px}
  .redaxa-landing .cta-row{grid-template-columns:1fr;gap:24px;margin-top:26px}
  .redaxa-landing .hero-paths{flex-direction:column;gap:0}
  .redaxa-landing .shield-card{margin-top:80px;padding-bottom:44px}
  .redaxa-landing .sc-stage{margin-top:-44px;padding:22px 22px 28px}
  .redaxa-landing .sc-raw{font-size:23px}
  .redaxa-landing .sc-safe{padding:22px}
  .redaxa-landing .sc-safe code{font-size:16.5px}
  .redaxa-landing .sc-flow{margin-top:34px}
  .redaxa-landing .protect{grid-template-columns:1fr}
  .redaxa-landing .protect-item{min-height:0;padding:36px 24px 40px}
  .redaxa-landing .protect-item h3{padding-top:40px}
  .redaxa-landing .section{padding:60px var(--edge) 56px}
  .redaxa-landing .section .lede,.redaxa-landing .section>h2+p:not(.lede),.redaxa-landing .surface-intro{font-size:17px}
  .redaxa-landing .scanner{padding:36px var(--edge) 64px}
  .redaxa-landing .scan-area,.redaxa-landing .results{padding:22px 20px 24px}
  .redaxa-landing .actions>*{flex:1 1 100%}
  .redaxa-landing .flow{grid-template-columns:1fr;row-gap:36px;margin-top:44px}
  .redaxa-landing .step:nth-child(n+2){padding-top:22px;border-top:5px solid var(--ink)}
  .redaxa-landing .billing-switch{display:flex}
  .redaxa-landing .billing-switch button{flex:1 1 auto;padding:0 12px}
  .redaxa-landing .plans-section{margin-top:64px}
  .redaxa-landing .compare-table{min-width:560px;font-size:15px}
  .redaxa-landing .compare-table :is(th,td){padding:14px 10px}
  .redaxa-landing .surface-table,.redaxa-landing .surface-table tbody,.redaxa-landing .surface-table tr,.redaxa-landing .surface-table th,.redaxa-landing .surface-table td{display:block;width:100%}
  .redaxa-landing .surface-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .redaxa-landing .surface-table tbody tr{padding:20px 0;border-bottom:2px solid var(--ink)}
  .redaxa-landing .surface-table tbody :is(th,td){padding:0;border:0;width:100%}
  .redaxa-landing .surface-table td{margin-top:12px}
  .redaxa-landing .surface-table tbody th{font:800 23px/1.05 var(--display)}
  .redaxa-landing .faq-item summary{font-size:22px}
  .redaxa-landing .rx-repository-story{padding:60px var(--edge)}
  .redaxa-landing .rx-repository-story .btn-primary{width:100%}
  .redaxa-landing .rx-repo-visual{padding:22px 20px 26px}
  .redaxa-landing .suite-go,.redaxa-landing .repo-ctas .btn-ghost{flex:1 1 100%;justify-content:flex-start}
  .redaxa-landing footer{padding:48px var(--edge) 56px}
  .redaxa-landing footer nav.flinks[aria-label="From the same developer"]{grid-template-columns:1fr}
}

/* ---------- account dialogs on the home: the same components as the workspace, set in this page's type and edges ---------- */
.redaxa-landing :is(.ps-auth-dialog,.ps-account-sheet,.ps-account-menu){border:3px solid var(--ink);border-radius:0;background:#fff;box-shadow:12px 12px 0 var(--cu);font-family:var(--sans)}
.redaxa-landing :is(.ps-auth-dialog,.ps-account-sheet) h2{color:var(--ink);font:800 34px/.95 var(--display);letter-spacing:-.01em}
.redaxa-landing .ps-auth-field input{border:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink)}
.redaxa-landing .ps-auth-field input:focus{border-color:var(--ink);box-shadow:5px 5px 0 var(--cu)}
.redaxa-landing .ps-auth-submit{width:100%;--btn-h:56px;--btn-fs:20px}
.redaxa-landing :is(.ps-auth-link,.ps-auth-forgot,.ps-auth-legal a){color:var(--ink);font-weight:650;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--cu);text-underline-offset:4px}
.redaxa-landing :is(.ps-account-actions button,.ps-menu-link,.ps-avatar-btn,.ps-sub-card,.ps-sub-pill,.ps-sub-reason){border-radius:0}