@import url('/assets/plan-price-motion.css?v=20261009-pricing-1');
/* Priviot product landings: Proton-inspired composition, existing Priviot identity. */
.pp-product {--pp-muted:#bcb5ca;overflow-x:clip;}
.pp-product .pp-section {padding-block:5.5rem;scroll-margin-top:7rem;}
.pp-product .pp-section > .mx-auto {max-width:80rem;}
.pp-product h1,.pp-product h2 {font-family:"Source Serif 4",Georgia,serif!important;font-weight:600!important;text-wrap:balance;letter-spacing:-.035em!important;color:#f5f0fc!important;background:none!important;-webkit-text-fill-color:currentColor!important;}
.pp-product h2 {font-size:clamp(2rem,3.4vw,3.5rem)!important;line-height:1.12!important;}
.pp-product h3 {font-family:inherit;font-size:1.18rem!important;line-height:1.4!important;}
.pp-product p {color:var(--pp-muted);line-height:1.75;}
.pp-product .pp-hero {padding:9.5rem 0 4.5rem!important;text-align:center;}
.pp-product .pp-hero-grid,.pp-product #top > .relative > .grid {display:flex!important;flex-direction:column;gap:3.5rem!important;}
.pp-product .pp-hero-copy,.pp-product #top .animate-fade-up:first-child {width:100%;max-width:66rem;margin-inline:auto;}
.pp-product #top h1 {max-width:65rem;margin:1.8rem auto 0;font-size:clamp(3rem,5.5vw,5.2rem)!important;line-height:1.03!important;}
.pp-product #top p {max-width:48rem;margin-inline:auto;font-size:1.13rem;}
.pp-product #top .flex {justify-content:center;}
.pp-product .pp-identity {gap:.8rem!important;}
.pp-product .pp-product-name {font-size:1.1rem;font-weight:600;color:#f5f0fc;}
.pp-product #top .pp-identity > span:not(.pp-product-name) {display:none!important;}
.pp-product #top img[src*="icon"] {width:3.25rem;height:3.25rem;object-fit:contain;}
.pp-product #top .animate-fade-up:has(img[src*="/marketing/"]) {width:100%;max-width:66rem;margin:auto;}
.pp-product a.btn-tactile {border-radius:999px!important;min-height:3.2rem;padding-inline:1.65rem;font-size:1rem;box-shadow:none;}
.pp-product .pp-feature-split {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important;align-items:center;gap:clamp(2rem,5vw,5rem)!important;}
.pp-product .pp-feature-copy {grid-column:1;grid-row:1;min-width:0;}
.pp-product .pp-feature-media {grid-column:2;grid-row:1;min-width:0;}
.pp-product .pp-feature-reverse .pp-feature-copy {grid-column:2;}
.pp-product .pp-feature-reverse .pp-feature-media {grid-column:1;}
.pp-product .pp-feature-copy > p {font-size:1.07rem;}
.pp-product .pp-feature-copy h2 {margin-top:.8rem;}
.pp-product .pp-feature-copy .grid {grid-template-columns:1fr!important;gap:1.2rem;}
.pp-product .pp-feature-copy .card-sheen {padding:0;border:0;background:transparent;box-shadow:none;transform:none;}
.pp-product .pp-feature-copy .card-sheen > div:first-child {display:none;}
.pp-product .pp-feature-copy .card-sheen h3 {margin-top:0;}
.pp-product .pp-window {position:relative;width:100%;aspect-ratio:1472/770;overflow:hidden;border:1px solid rgba(169,115,255,.22);border-radius:1rem;background:#0d0a15;box-shadow:0 1.5rem 4rem #0004;}
.pp-product .pp-window img {position:absolute!important;left:-4.347826%!important;top:-22.857143%!important;width:108.695652%!important;height:129.87013%!important;max-width:none!important;object-fit:fill!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
.pp-product .pp-window--ai {aspect-ratio:1251/824;}
.pp-product .pp-window--ai img {left:-13.988809%!important;top:-21.359223%!important;width:127.897682%!important;height:121.359223%!important;}
.pp-product figure:has(.pp-window) {padding:0;background:transparent;border:0;overflow:visible;}
.pp-product .pp-faq > div {max-width:62rem!important;}
.pp-product .pp-faq h2 {text-align:center;}
.pp-product #download {text-align:center;}
.pp-product #download h2,.pp-product #download p {margin-inline:auto;}
.pp-product .pp-section .card-sheen {border-radius:1.4rem;}
.pp-product .pp-section .card-sheen:hover {transform:none;}
.pp-product a:focus-visible {outline:2px solid #7c35ff;outline-offset:5px;}
@media(max-width:1000px) {
 .pp-product .pp-feature-split {grid-template-columns:1fr!important;gap:2.5rem!important;}
 .pp-product .pp-feature-copy,.pp-product .pp-feature-reverse .pp-feature-copy {grid-column:1;grid-row:1;}
 .pp-product .pp-feature-media,.pp-product .pp-feature-reverse .pp-feature-media {grid-column:1;grid-row:2;}
 .pp-product .pp-section {padding-block:3.5rem;}
}
@media(max-width:600px) {
 .pp-product .pp-hero {padding-top:7.5rem!important;}
 .pp-product #top h1 {font-size:clamp(2.2rem,9.5vw,3.5rem)!important;}
 .pp-product #top p {font-size:1rem;}
 .pp-product .pp-hero-grid {gap:2.5rem!important;}
 .pp-product .pp-window {border-radius:.6rem;}
 .pp-product .pp-section > .mx-auto {padding-inline:1.25rem;}
}
@media(prefers-reduced-motion:reduce) {.pp-product .animate-fade-up,.pp-product .reveal-up {animation:none!important;opacity:1!important;transform:none!important;}}

.pp-product #top a[href="#funktionen"] {border:1.5px solid #7c35ff!important;background:transparent!important;border-radius:999px!important;min-height:3.2rem;padding:.7rem 1.65rem!important;}

/* Comparison is a compact supporting section, with a visible secondary action. */
.pp-product .product-comparison-teaser {padding-block:2.5rem;}
.pp-product .product-comparison-teaser > .mx-auto {max-width:72rem;}
.pp-product .product-comparison-teaser h2 {font-size:clamp(1.8rem,3vw,2.6rem)!important;}
.pp-product .product-comparison-teaser .product-quick-compare {grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.pp-product .product-comparison-teaser .product-quick-compare__item {min-width:0;}
.pp-product .product-comparison-teaser .product-quick-compare__item:last-child {grid-column:1/-1;background:transparent;border:0;padding:.5rem 0;}
.pp-product .product-comparison-teaser .product-quick-compare__item strong {font-size:1rem;font-weight:500;}
.pp-product .product-comparison-teaser a.btn-tactile {border:1px solid #7c35ff;background:transparent;color:#f5f0fc;}
.pp-product .product-comparison-teaser a.btn-tactile:hover {background:rgba(124,53,255,.12);}
@media(max-width:720px) {.pp-product .product-comparison-teaser .product-quick-compare {grid-template-columns:1fr;}}
.pp-product .pp-plans { width:min(100% - 2.5rem,68rem); margin:0 auto; padding:5rem 0; }
.pp-plan-heading { text-align:center; margin-bottom:2rem; }
.pp-plan-heading p,.pp-plan-card > p,.pp-plan-note { color:#bcb6c8; line-height:1.65; }
.pp-plan-controls { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:1rem 2rem; margin:2rem 0 2.5rem; }
.pp-plan-billing { display:flex; justify-content:center; gap:.25rem; padding:.3rem; border:1px solid #393040; border-radius:999px; background:#12101a; }
.pp-plan-billing button { border:1px solid transparent; min-height:2.75rem; padding:.6rem 1.2rem; border-radius:999px; background:transparent; color:#f6f2fc; cursor:pointer; }
.pp-plan-billing button[aria-pressed=true] { background:color-mix(in srgb,#7c35ff 24%,#15131a); border-color:transparent; }
.pp-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.pp-plan-card { border:1px solid #393040; border-radius:1.5rem; padding:2rem; background:#12101a; display:flex; flex-direction:column; }
.pp-plan-card--pro { border-color:#7c35ff; background:#171123; }
.pp-plan-status { color:#bcb5ca; font-size:.85rem; min-height:1.5rem; }
.pp-plan-card h3 { font:600 1.7rem/1.25 var(--oh-font-sans,Arial,sans-serif); margin:1rem 0; }
.pp-plan-card > p:not(.pp-plan-price):not(.pp-plan-term) { min-height:3.5rem; }
.pp-plan-card .pp-plan-price { color:#7c35ff; font-size:clamp(2.15rem,3.2vw,2.9rem); margin:1.5rem 0 .25rem; font-weight:570; letter-spacing:-.05em; display:flex; align-items:baseline; gap:.45rem; flex-wrap:wrap; }
.pp-plan-price > span:not(.pricing-amount-visual) { font-size:.95rem; font-weight:450; letter-spacing:0; color:#bcb6c8; }
.pp-plan-term { min-height:1.8rem; font-size:.9rem; }
.pp-plan-card--pro .pp-plan-action { background:#7c35ff; border-color:#7c35ff; }
.pp-plan-card--pro .pp-plan-action:hover { background:#7c35ff; }
.pp-plan-action { display:block; text-align:center; border:1px solid #7c35ff; border-radius:999px; padding:.85rem 1rem; margin:1.5rem 0; color:#f6f2fc; }
.pp-plan-action:hover { background:#29203a; }
.pp-plan-card ul { list-style:none; padding:0; margin:0; }
.pp-plan-card li { position:relative; padding:.55rem 0 .55rem 1.5rem; line-height:1.55; }
.pp-plan-card li::before { content:'✓'; color:#7c35ff; position:absolute; left:0; }
.pp-plan-note { font-size:.9rem; text-align:center; margin:1.5rem 0; }
.pp-plan-suite { display:flex; justify-content:space-between; gap:1rem; padding:1.5rem; border-top:1px solid #393040; color:#7c35ff; }
.pp-plans :is(a,button):focus-visible { outline:2px solid #7c35ff; outline-offset:4px; }
@media(max-width:700px) { .pp-plan-grid { grid-template-columns:1fr; } .pp-plan-suite { flex-direction:column; } .pp-plan-card { padding:1.5rem; } }
.pp-product-nav { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; padding:1rem; margin:0 auto 2rem; max-width:68rem; border-bottom:1px solid #393040; }
.pp-product-nav a { padding:.65rem 1rem; color:#7c35ff; font-size:.95rem; }
.pp-product-nav a:hover { color:#f6f2fc; background:#21172e; border-radius:999px; }
.pp-product :is(#product-plans,#funktionen,#product-faq,#download,#produkt) { scroll-margin-top:8.5rem; }

/* Captions are card labels, not section display headings. */
.pp-product figure figcaption h2 { font-family:inherit!important; font-size:1.18rem!important; font-weight:600!important; line-height:1.4!important; letter-spacing:normal!important; text-wrap:pretty; }

/* Account access is a prerequisite, separate from plan benefits. */
.pp-plan-card > p.pp-plan-requirement { min-height:0; font-size:.85rem; margin:1.2rem 0 0; }

/* The same digit reveal and sliding selection used on the pricing page. */
.pp-plan-price .pricing-amount-visual,.pp-plan-price .pricing-amount-visual span { font:inherit; color:inherit; }
.pp-plan-price .pricing-amount-visual .pricing-digit--masked { color:transparent; }
.pp-plan-billing { position:relative; }
.pp-plan-billing button { position:relative; z-index:1; }
.pp-plan-billing .pricing-control-indicator { position:absolute; top:0; left:0; z-index:0; border-radius:999px; background:color-mix(in srgb,#7c35ff 24%,#15131a); pointer-events:none; }
.pp-plan-billing.has-indicator button[aria-pressed=true] { background:transparent; border-color:transparent; }
.pp-plan-billing.indicator-ready .pricing-control-indicator { transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),height .2s ease; }
@media(prefers-reduced-motion:reduce) { .pp-plan-billing.indicator-ready .pricing-control-indicator { transition:none; } }