
.pr-page[data-period="yearly"] [data-when="monthly"],
.pr-page[data-period="monthly"] [data-when="yearly"]{display:none;}
.pr-hero{
  position:relative; isolation:isolate; text-align:center;
  padding:clamp(124px, 17vh, 176px) var(--gut) clamp(48px, 6vw, 72px);
}
.pr-hero-glow{
  position:absolute; inset:0 0 -20% 0; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse 60% 50% at 50% 40%, color-mix(in srgb, var(--brass) 13%, transparent), transparent 70%);
}
.breadcrumb{display:flex; justify-content:center; align-items:center; gap:10px; margin-bottom:26px; color:var(--faint);}
.breadcrumb a{color:var(--muted); text-decoration:none; border-bottom:1px solid var(--line-2); padding-bottom:1px;}
.breadcrumb a:hover{color:var(--head); border-color:var(--brass);}
.pr-title{font-size:clamp(44px, 7.2vw, 104px); max-width:1040px; margin:0 auto;}
.pr-lede{font:300 clamp(18px, 1.7vw, 21px)/1.55 var(--sans); color:var(--muted); max-width:56ch; margin:0 auto;}
.pr-hero .billing{margin-top:40px;}
.js .pr-hero .breadcrumb{--rise:14px; animation:bw-rise 1s var(--ease-out) .25s backwards;}
.js .pr-hero .chip{--rise:18px; animation:bw-rise 1s var(--ease-out) .3s backwards;}
.js .pr-hero .twin-rules i{transform-origin:center; animation:bw-draw 1.1s var(--ease-io) .8s backwards;}
.js .pr-hero .twin-rules i + i{animation-delay:.94s;}
.js .pr-lede{animation:bw-slide 1.2s var(--ease-out) .9s backwards;}
.js .pr-hero .billing{animation:bw-rise 1.2s var(--ease-out) 1s backwards;}
.pr-plans{padding:0 0 calc(var(--sec) * .55);}
.pr-free{
  grid-column:1/-1;
  display:grid; grid-template-columns:minmax(0, 230px) minmax(0,1fr) auto; gap:clamp(20px, 4vw, 48px); align-items:center;
  padding:clamp(24px, 3.4vw, 36px);
  border-radius:var(--r-tile); border:1px dashed var(--line-2);
  background:color-mix(in srgb, var(--raise) 55%, transparent);
}
.pr-free-head .plan-k{color:var(--brass-ink);}
.pr-free-price{display:flex; align-items:baseline; gap:4px; margin-top:16px; color:var(--head);}
.pr-free-price .cur{font:300 26px/1 var(--serif); align-self:flex-start; margin-top:8px;}
.pr-free-price b{font:300 clamp(64px, 7vw, 88px)/1 var(--serif); letter-spacing:-.03em;}
.pr-free-price .per{font:400 13px/1 var(--mono); color:var(--muted); margin-left:8px;}
.pr-free-body .pr-blurb{margin-top:0; color:var(--head); max-width:none;}
.pr-free-body .pr-terms{margin-top:8px; min-height:0; max-width:60ch;}
.pr-free-body .pr-feat-label{margin-top:18px;}
.pr-chips{list-style:none; margin:10px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px;}
.pr-chips li{font:400 12.5px/1.2 var(--sans); color:var(--text); padding:7px 11px; border-radius:999px; border:1px solid var(--line-2);}
.pr-note{font:400 12.5px/1.5 var(--sans); color:var(--faint); margin-top:14px;}
.pr-free-cta{align-self:center;}
@media (max-width:860px){
  .pr-free{grid-template-columns:1fr;}
  .pr-free-cta{width:100%;}
}
.pr-compare{padding:var(--sec) 0 calc(var(--sec) * .5); border-top:1px solid var(--line);}
.cmp-wrap{max-width:900px; margin:0 auto; padding:0 var(--gut);}
.cmp-table{width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed;}
.cmp-table col.c-core{width:22%;}
.cmp-table col.c-pro{width:24%;}
.cmp-table th,.cmp-table td{padding:15px 12px; border-top:1px solid var(--line); vertical-align:middle;}
.cmp-table thead th{border-top:0; vertical-align:bottom; padding-top:22px; padding-bottom:18px; text-align:center;}
.cmp-table thead th b{display:block; font:400 24px/1.1 var(--serif); letter-spacing:-.01em; color:var(--head);}
.cmp-table thead th span{display:block; margin-top:6px; font:300 12.5px/1.4 var(--sans); color:var(--muted); text-wrap:balance;}
.cmp-table thead .cmp-what{text-align:left; padding-left:0; font:500 10.5px/1.4 var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--muted);}
.cmp-rec{display:inline-block; vertical-align:middle; margin-left:6px; font:500 9px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; font-style:normal; padding:5px 7px; border-radius:999px; color:var(--brass-ink); border:1px solid color-mix(in srgb, var(--brass) 55%, transparent); background:color-mix(in srgb, var(--brass) 12%, transparent);}
.cmp-table tbody th{text-align:left; padding-left:0; font:400 15.5px/1.4 var(--sans); color:var(--text); text-wrap:balance;}
.cmp-table td{text-align:center;}
.cmp-table .is-pro{background:color-mix(in srgb, var(--brass) 8%, transparent);}
.cmp-table thead .is-pro{border-radius:18px 18px 0 0; box-shadow:inset 0 2px 0 var(--brass);}
.cmp-table tbody tr:last-child .is-pro{border-radius:0 0 18px 18px;}
.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{padding-top:20px; padding-bottom:22px;}
.tick{width:20px; height:20px; margin:0 auto; fill:none; stroke:var(--pine-lt); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; overflow:visible;}
.is-pro .tick{stroke:var(--brass);}
.cmp-no{color:var(--faint); font:400 15px/1 var(--mono);}
.cmp-val{font:500 13px/1.2 var(--mono); color:var(--head); white-space:nowrap;}
.cmp-price th{font:500 10.5px/1.4 var(--mono) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--muted) !important;}
.cmp-price td{font:300 clamp(24px, 2.6vw, 32px)/1 var(--serif); letter-spacing:-.01em; color:var(--head); font-variant-numeric:tabular-nums; white-space:nowrap;}
.cmp-foot{max-width:62ch; margin:28px auto 0; padding:0 var(--gut); text-align:center; font:400 13px/1.55 var(--sans); color:var(--faint);}
@media (max-width:600px){
  .cmp-table col.c-core{width:74px;}
  .cmp-table col.c-pro{width:86px;}
  .cmp-table th,.cmp-table td{padding:13px 6px;}
  .cmp-table tbody th{font-size:14px; padding-right:10px;}
  .cmp-table thead th span{display:none;}
  .cmp-table thead th b{font-size:20px;}
  .cmp-rec{display:block; width:fit-content; margin:6px auto 0; font-size:8px; letter-spacing:.06em; padding:4px 5px;}
  .cmp-val{font-size:11.5px;}
  .cmp-price td{font-size:21px;}
}
.pr-stats{padding-top:calc(var(--sec) * .4);}
.pr-trial{padding:var(--sec) 0; border-top:1px solid var(--line);}
.pr-trial-stage{max-width:980px; margin:0 auto; padding:0 var(--gut); display:grid; grid-template-columns:auto minmax(0,1fr); gap:clamp(36px, 7vw, 96px); align-items:center;}
.pr-trial-phone{display:flex; flex-direction:column; align-items:center; gap:28px;
  padding:clamp(32px, 5vw, 64px) clamp(28px, 5vw, 72px) clamp(24px, 3vw, 36px); border-radius:var(--r-tile);
  background:radial-gradient(120% 80% at 50% 0%, rgba(215,165,68,.10), transparent 60%), #151917;
  box-shadow:inset 0 0 0 1px rgba(244,239,225,.07), 0 30px 60px -36px rgba(0,0,0,.7);}
html[data-theme="light"] .pr-trial-phone{background:radial-gradient(120% 80% at 50% 0%, rgba(196,147,55,.16), transparent 60%), #E9E2CF;}
.pr-trial-phone .phone-trial{--pw:260px;}
.pr-trial-cap{color:var(--faint); text-align:center;}
.pr-steps{list-style:none; margin:0; padding:0; position:relative; display:flex; flex-direction:column; gap:12px;}
.pr-rail{position:absolute; left:19px; top:34px; bottom:34px; width:2px; border-radius:2px; background:var(--line-2); overflow:hidden;}
.pr-rail b{display:block; width:100%; height:100%; background:var(--brass); transform-origin:top center;}
.pr-steps li{position:relative; isolation:isolate; display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:16px; align-items:center; padding:16px 18px 16px 0;}
.pr-steps li::before{content:""; position:absolute; z-index:-1; top:0; bottom:0; left:56px; right:0; border-radius:16px; background:var(--raise); border:1px solid var(--line);}
.pr-steps li > div:first-of-type{padding-left:16px;}
.pr-node{position:relative; width:40px; height:40px; border-radius:50%; background:var(--canvas); border:1px solid var(--line-2); display:grid; place-items:center;}
.pr-node i{width:14px; height:14px; border-radius:50%; background:var(--brass); box-shadow:0 0 0 5px color-mix(in srgb, var(--brass) 20%, transparent);}
.pr-step-copy{display:flex; flex-direction:column; gap:3px; min-width:0;}
.pr-step-copy b{font:500 15.5px/1.3 var(--sans); color:var(--head);}
.pr-step-copy span{font:300 13.5px/1.45 var(--sans); color:var(--muted);}
.pr-step-meta{display:flex; flex-direction:column; align-items:flex-end; gap:6px; text-align:right;}
.pr-step-meta em{font:500 10px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; font-style:normal; padding:5px 8px; border-radius:999px; color:var(--rust); background:color-mix(in srgb, var(--rust) 14%, transparent); white-space:nowrap;}
.pr-step-meta em.ok{color:var(--pine-lt); background:color-mix(in srgb, var(--pine-lt) 16%, transparent);}
.pr-step-meta small{font:400 11.5px/1 var(--mono); color:var(--muted); white-space:nowrap;}
.pr-days{max-width:var(--max); margin:clamp(64px, 8vw, 104px) auto 0; padding:0 var(--gut); display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:clamp(20px, 3vw, 40px);}
:where(.pr-day){--tx:#F4EFE1; --tm:rgba(244,239,225,.74);}   
.pr-day{border-radius:var(--r-tile); padding:clamp(26px, 3vw, 34px); min-height:clamp(240px, 22vw, 290px);
  display:flex; flex-direction:column; color:var(--tx);}
.pr-day-k{font:500 11px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--tm);}
.pr-day h3{font:300 clamp(26px, 2.5vw, 34px)/1.02 var(--serif); letter-spacing:-.018em; color:var(--tx); margin:auto 0 12px; padding-top:28px; text-wrap:balance;}
.pr-day p:not(.pr-day-k){font:300 15.5px/1.6 var(--sans); color:var(--tm); text-wrap:pretty;}
@media (max-width:820px){
  .pr-trial-stage{grid-template-columns:minmax(0,1fr);}
  .pr-trial-phone .phone-trial{--pw:224px;}
  .pr-days{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:480px){
  .pr-steps li{grid-template-columns:32px minmax(0,1fr) auto; gap:10px; padding-right:12px;}
  .pr-steps li::before{left:42px;}
  .pr-steps li > div:first-of-type{padding-left:12px;}
  .pr-node{width:32px; height:32px;}
  .pr-node i{width:11px; height:11px; box-shadow:0 0 0 4px color-mix(in srgb, var(--brass) 20%, transparent);}
  .pr-rail{left:15px;}
  .pr-step-copy b{font-size:14.5px;}
  .pr-step-copy span{font-size:12.5px;}
}
.pr-decide{padding:var(--sec) 0; border-top:1px solid var(--line);}
.pr-decide-grid{max-width:1000px; margin:0 auto; padding:0 var(--gut); display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px;}
.pr-pick{background:var(--raise); border:1px solid var(--line); border-radius:var(--r-tile); padding:clamp(26px, 3.4vw, 40px);}
.pr-pick.is-pro{background:#1E3D2F; border-color:#1E3D2F; color:#F4EFE1; --head:#F4EFE1; --muted:rgba(244,239,225,.72); --line:rgba(244,239,225,.14);}
.pr-pick-k{min-height:22px; font:500 11px/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; color:var(--muted); display:flex; gap:10px; align-items:center;}
.pr-pick.is-pro .pro{background:rgba(215,165,68,.22); color:#F0C66E;}
.pr-pick h3{font:300 clamp(30px, 3vw, 40px)/1.05 var(--serif); letter-spacing:-.015em; color:var(--head); margin:16px 0 18px;}
.pr-pick ul{list-style:none; margin:0; padding:0;}
.pr-pick li{position:relative; padding:13px 0 13px 26px; border-top:1px solid var(--line); font:300 15.5px/1.5 var(--sans); color:var(--head);}
.pr-pick li::before{content:"◆"; position:absolute; left:0; top:15px; font-size:10px; color:var(--mark-rust);}
.pr-pick.is-pro li::before{color:#F0C66E;}
.pr-more{max-width:1000px; margin:clamp(40px, 5vw, 64px) auto 0; padding:0 var(--gut); display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px;}
.pr-more-card{border:1px dashed var(--line-2); border-radius:var(--r-card); padding:clamp(24px, 3vw, 32px); display:flex; flex-direction:column; gap:14px; align-items:flex-start;}
.pr-more-card h3{font:300 clamp(24px, 2.4vw, 30px)/1.1 var(--serif); letter-spacing:-.012em; color:var(--head);}
.pr-more-card p{font:300 15.5px/1.6 var(--sans); color:var(--muted);}
.pr-more-card .link-arrow{margin-top:auto;}
.pr-more-card.is-inverted{border:0; border-radius:var(--r-tile); color:var(--tx);}
.pr-more-card.is-inverted h3{color:var(--tx);}
.pr-more-card.is-inverted p{color:var(--tm);}
.pr-more-card.is-inverted .link-arrow{color:var(--tx); border-color:var(--tl);}
.pr-more-card.is-inverted .link-arrow:hover{border-color:#9A6E1F;}
@media (max-width:760px){
  .pr-decide-grid,.pr-more{grid-template-columns:minmax(0,1fr);}
}
.pr-finale{position:relative; overflow:hidden; isolation:isolate; padding:calc(var(--sec) * 1.1) var(--gut) calc(var(--sec) * .8); text-align:center; border-top:1px solid var(--line);}
.pr-finale-bg{position:absolute; inset:0; z-index:-1; -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 26%, #000 74%, transparent 100%); mask-image:linear-gradient(180deg, transparent 0%, #000 26%, #000 74%, transparent 100%);}
.pr-finale-bg img{position:absolute; inset:-12% 0; width:100%; height:124%; object-fit:cover; object-position:55% 48%; filter:grayscale(.3) brightness(.42) contrast(1.05);}
.pr-finale-bg::after{content:""; position:absolute; inset:0; background:rgba(6,8,7,.5);}
html[data-theme="light"] .pr-finale-bg img{filter:grayscale(.2) brightness(.9) contrast(.95) sepia(.12);}
html[data-theme="light"] .pr-finale-bg::after{background:rgba(244,239,225,.84);}
.pr-finale-copy{max-width:1100px; margin:0 auto;}
.pr-finale .sub{margin:0 auto;}
.pr-platforms{display:flex; gap:22px; justify-content:center; flex-wrap:wrap; margin-top:36px;}
.pr-platforms span{display:inline-flex; align-items:center; gap:8px;}
.pr-platforms i{width:7px; height:7px; border-radius:50%; border:1px solid var(--muted);}
.pr-platforms i.live{background:#7FB99A; border-color:#7FB99A; animation:pulse 2.4s ease-out infinite;}
@media (max-width:600px){
  .pr-finale .hero-ctas .btn{width:100%;}
}
