/* Signato: original typography, palette, navigation and editorial composition. */
:root{color-scheme:light}
body{background:#e9e0d6;color:#191917}
[hidden]{display:none!important}
.lead,.landing-page .hero .lead,.faq-list details p{font-size:1.0625rem;line-height:1.75}
.btn,.text-link,.landing-page .hero .text-link,.billing button{font-size:1rem}
.eyebrow,.landing-page .hero .eyebrow,.breadcrumbs,.landing-page .breadcrumbs{font-size:.875rem;line-height:1.6}
.hero-note,.landing-page .hero-note{font-size:.9375rem;line-height:1.75;color:#57534d;max-width:480px}
.landing-page .hero{padding:143px 0 86px;min-height:0;background:#f3ede5;overflow:hidden}
.landing-page .hero-copy{width:58%;max-width:680px}
.landing-page .hero h1{font-size:clamp(2.65rem,3.4vw,3.9rem);line-height:1.08;max-width:680px;margin-bottom:26px;text-wrap:balance}
.landing-page .hero .lead{max-width:610px;color:#403b35}
.landing-page .hero .actions{gap:19px 26px;flex-direction:column;align-items:flex-start}
.landing-page .hero-image>img{object-position:74% 63%}
.landing-page .hero-image:after{background:linear-gradient(90deg,#f3ede5 0%,#f3ede5 40%,#f3ede5fa 55%,#f3ede500 78%),linear-gradient(0deg,#f3ede5b3,transparent 28%)}
.landing-page .hero-wordmark{font-size:12vw;bottom:-12px;left:53%;color:#fffaf1a6}
.landing-page .hero-handwriting{right:4%;bottom:42px;font-size:3.9rem;color:#493527;text-shadow:0 1px 10px #f3ede5;transform:rotate(-5deg)}
.salon-audience{background:#f8f4ee}
.salon-audience p{font-size:1.0625rem;line-height:1.75}
.salon-audience h2{font-size:1.7rem;line-height:1.25}
.intro{max-width:920px;margin:0 auto 54px;text-align:center}
.intro .lead{max-width:740px;margin:0 auto}
.consent-benefits{background:#fff}
.consent-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.consent-benefit-grid article{border-top:1px solid #bdb3a8;padding-top:25px}
.benefit-number{font:400 2.65rem/1 var(--heading);letter-spacing:-.04em;color:#6e5947;display:block;margin-bottom:25px}
.consent-benefit-grid h3{font-size:1.9rem;line-height:1.2;max-width:330px;margin-bottom:17px}
.consent-benefit-grid p{font-size:1.0625rem;line-height:1.75;color:#57534d}
.consent-process{background:#f5efe7}
.process-intro{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:end;margin-bottom:48px}
.process-intro h2,.process-intro p:last-child{margin-bottom:0}
.consent-steps{list-style:none;padding:0;margin:0}
.consent-steps li{display:grid;grid-template-columns:65px .9fr 1.2fr;column-gap:34px;padding:28px 0;border-top:1px solid #bcae9e;align-items:start}
.step-number{font:400 2.5rem/1.1 var(--heading);letter-spacing:-.04em;color:#6e5947}
.consent-steps h3{font-size:1.9rem;line-height:1.2;margin:0}
.consent-steps p{font-size:1.0625rem;line-height:1.75;color:#57534d;margin:0}
.legal-note{margin:30px 0 0;padding:28px 30px;background:#fbf8f2;align-items:flex-start;gap:22px}
.legal-note h3{font-size:1.55rem;line-height:1.3;margin-bottom:12px}
.legal-note p{font-size:.9375rem;line-height:1.75;color:#514940}
.consent-record{background:#fff}
.consent-record-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:80px;align-items:center}
.document-figure{padding:38px 30px 22px;background:#eadecf;border-radius:12px;position:relative}
.document-sheet{background:#fffcf7;border:1px solid #bcae9e;border-radius:5px;padding:33px 34px;box-shadow:0 12px 24px #4935270d}
.document-top{display:flex;gap:12px;align-items:center;border-bottom:1px solid #d6c9b9;padding-bottom:20px;margin-bottom:24px;color:#694833;font-size:.875rem}
.document-top .icon{width:26px;height:26px}
.document-sheet h3{font-size:2rem;line-height:1.1;margin-bottom:26px}
.document-fields{margin:0}
.document-fields>div{padding:16px 0;border-top:1px solid #d6c9b9}
.document-fields dt{font-size:.875rem;line-height:1.6;font-weight:600;color:#694833;margin-bottom:5px}
.document-fields dd{font-size:1rem;line-height:1.65;margin:0;color:#39342e}
.document-bottom{display:flex;gap:13px;align-items:center;border-top:1px solid #bcae9e;padding-top:22px;margin-top:6px;font-size:.9375rem;color:#514940}
.document-bottom .icon{color:#a62c20;width:25px;height:25px}
.document-figure figcaption{font-size:.875rem;line-height:1.65;color:#514940;margin-top:19px;text-align:center}
.record-copy h2{font-size:clamp(2.25rem,3.2vw,3.1rem)}
.record-details{margin-top:27px}
.record-details article{border-top:1px solid #bcae9e;padding-top:23px;margin-top:23px}
.record-details h3{font-size:1.65rem;line-height:1.2;margin-bottom:12px}
.record-details p{font-size:1.0625rem;line-height:1.75;color:#57534d}
.privacy-strip{align-items:flex-start;margin-top:52px}
.privacy-strip .icon{color:#a62c20;margin-top:4px}
.privacy-strip h3{font-size:1.65rem;line-height:1.2}
.privacy-strip p{font-size:1rem;line-height:1.75}
.consent-price-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin:0 auto;gap:27px;align-items:stretch}
.consent-price-grid .price-card{padding:36px;display:flex;flex-direction:column}
.plan-label{font-size:.875rem;line-height:1.6;color:#695543;margin-bottom:14px}
.price-card h3{font-size:2.4rem}
.plan-desc{min-height:3.3em;font-size:1rem;line-height:1.65;color:#57534d;margin-bottom:19px}
.price{margin-bottom:10px}
.price-card .amount{font-size:3.3rem}
.period{font-size:1rem}
.annual-note{display:none}
.price-info{font-size:.9375rem;line-height:1.6;color:#57534d;margin-top:8px}
.price-card ul{margin:16px 0 28px;padding:25px 0 0;border-top:1px solid #bcae9e;flex:1}
.price-card li{font-size:1rem;line-height:1.65}
.price-card .btn{font-size:1rem;margin-top:auto;width:100%}
.pricing-notes{max-width:1000px;margin:30px auto 0;color:#57534d;font-size:.9375rem;line-height:1.75;text-align:center}
.pricing-notes p{margin-bottom:13px}
.faq-layout{gap:74px;align-items:start}
.faq-list summary{font-size:1.4rem;line-height:1.35;color:#191917;min-height:48px}
.faq-list details p{color:#57534d}
.faq-photo{margin-top:32px;border-radius:10px;overflow:hidden;background:#eadbca}
.faq-photo img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;object-position:center 36%}
.contact-panel>div>p:not(.eyebrow){font-size:1.0625rem;line-height:1.75;max-width:700px}
.contact-actions .small{font-size:.9375rem;color:#57534d;margin:18px 0 0;text-align:center}
.footer .muted,.footer-links,.footer-bottom,.footer h3{font-size:.9375rem;line-height:1.7}
.footer .muted,.footer h3,.footer-bottom{color:#d6cfc6}
.footer-links{color:#f7f3ed}
.footer h3{letter-spacing:.05em}
.footer-links a{padding-block:3px}
.footer :focus-visible{outline-color:#efc4a8}
.nav-panel small{font-size:.875rem}
@media(min-width:1440px){.landing-page .hero .actions{flex-direction:row;align-items:center}}
@media(max-width:1190px){
 .consent-benefit-grid{gap:27px}.consent-benefit-grid h3{font-size:1.75rem}
 .consent-record-grid{gap:42px}.document-figure{padding:28px 22px 20px}.document-sheet{padding:25px}
 .faq-layout{gap:44px}.process-intro{gap:44px}.consent-steps li{column-gap:25px}
 .landing-page .hero-handwriting{font-size:3.2rem;bottom:35px;right:3%}
}
@media(max-width:900px){
 .consent-steps li{grid-template-columns:50px .9fr 1.2fr}.consent-steps h3{font-size:1.65rem}
 .consent-price-grid .price-card{padding:27px}.plan-desc{min-height:4.95em}
}
@media(max-width:800px){
 .landing-page .hero{padding:112px 0 0;display:block;min-height:0}
 .landing-page .hero>.wrap{width:100%}.landing-page .hero-copy{padding:0 24px;width:100%;max-width:none}
 .landing-page .hero h1{font-size:clamp(2.2rem,5.5vw,3.1rem);max-width:650px}
 .landing-page .breadcrumbs{padding:0 24px;margin-bottom:26px}.landing-page .hero .lead{max-width:640px}
 .landing-page .hero .actions{flex-direction:row;align-items:center;gap:18px 24px}
 .landing-page .hero-image{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:1.6;margin:27px 0 0;overflow:hidden}
 .landing-page .hero-image>img{height:100%;width:100%;object-fit:cover;object-position:center 63%}
 .landing-page .hero-image:after{background:linear-gradient(180deg,#f3ede5,transparent 18%)}
 .landing-page .hero-wordmark,.landing-page .hero-handwriting{display:none}
 .intro{margin-bottom:36px}.consent-benefit-grid{grid-template-columns:1fr;gap:26px}
 .consent-benefit-grid article{display:grid;grid-template-columns:45px 1fr;gap:12px 22px;align-items:start}
 .benefit-number{grid-column:1;grid-row:1/3;margin:0;font-size:2.2rem}
 .consent-benefit-grid h3,.consent-benefit-grid p{grid-column:2;max-width:none;margin:0}
 .consent-benefit-grid h3{font-size:1.8rem}
 .process-intro{grid-template-columns:1fr;gap:22px;margin-bottom:33px}
 .consent-steps li{grid-template-columns:45px 1fr;gap:13px 22px}
 .step-number{grid-column:1;grid-row:1/3;font-size:2.2rem}
 .consent-steps h3,.consent-steps p{grid-column:2}.consent-steps h3{font-size:1.8rem}
 .consent-record-grid{grid-template-columns:1fr;gap:40px}.record-copy{order:0}.document-figure{order:1;max-width:560px;width:100%;margin:auto;padding:30px}
 .record-copy h2{font-size:clamp(2.25rem,5.8vw,3.1rem)}
 .consent-price-grid{grid-template-columns:1fr;max-width:650px}.consent-price-grid .price-card{padding:30px}
 .plan-desc{min-height:0}.price-card ul{border-left:0}.price-card h3{font-size:2.4rem}.price-card .btn{font-size:1rem}
 .faq-layout{gap:40px}.faq-photo{max-width:520px}.faq-photo img{aspect-ratio:1.6;object-position:center 34%}
 .contact-panel>div>p:not(.eyebrow){font-size:1rem}
}
@media(max-width:600px){
 .lead,.landing-page .hero .lead,.consent-benefit-grid p,.consent-steps p,.record-details p,.faq-list details p,.salon-audience p{font-size:1rem;line-height:1.75}
 .landing-page .hero h1{font-size:clamp(2.05rem,8vw,2.65rem)}
 .landing-page .hero .actions{flex-direction:column;align-items:flex-start}.landing-page .hero .btn{width:100%;font-size:1rem}
 .landing-page .hero-image{aspect-ratio:1.25}.landing-page .hero-note{font-size:.9375rem}
 .salon-audience h2{font-size:1.55rem}
 .consent-benefit-grid article,.consent-steps li{grid-template-columns:33px 1fr;gap:12px 17px}
 .benefit-number,.step-number{font-size:2rem}
 .consent-benefit-grid h3,.consent-steps h3{font-size:1.65rem}
 .legal-note{padding:23px;margin-top:22px}.legal-note h3{font-size:1.5rem}
 .document-figure{padding:24px 17px 18px}.document-sheet{padding:24px 22px}.document-sheet h3{font-size:1.8rem}
 .document-fields>div{padding:13px 0}.document-top{font-size:.875rem}
 .record-details h3,.privacy-strip h3{font-size:1.55rem}
 .privacy-strip{gap:16px;margin-top:35px}.privacy-strip .icon{width:26px;height:26px}
 .consent-price-grid .price-card{padding:25px}.price-card li{font-size:1rem}
 .intro{text-align:left}.intro .lead{margin:0}
 .billing{margin-bottom:14px}.billing button{font-size:.9375rem;padding:11px 15px;min-height:48px}.billing button span{display:none}
 .annual-note{display:block;font-size:.9375rem;line-height:1.6;color:#57534d;margin:0 0 28px;text-align:center}
 .pricing-notes{text-align:left}.faq-list summary{font-size:1.3rem}.faq-list details p{padding-right:12px}
 .faq-photo img{aspect-ratio:1.35}.contact-actions .btn{font-size:1rem;padding:16px 23px}
 .footer-main{gap:34px}.footer-links a{min-height:35px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Revision 23.10.2026: make the protection benefit and specific situations prominent. */
.consent-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 64px}
.consent-benefit-grid article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px 22px}
.consent-benefit-grid .benefit-number{grid-column:1;grid-row:1/3;margin:0}
.consent-benefit-grid h3,.consent-benefit-grid p{grid-column:2;max-width:none;margin:0}
.consent-benefits .legal-note{margin-top:43px}
.legal-note .text-link{font-size:.9375rem}
@media(max-width:1000px){.consent-benefit-grid{gap:32px}.consent-benefit-grid article{grid-template-columns:33px minmax(0,1fr);gap:12px 17px}}
@media(max-width:800px){.consent-benefit-grid{grid-template-columns:1fr;gap:26px}}

/* Application screenshots in a frame (feature pages) */
.app-shot{margin:0;min-width:0}
.app-shot-frame{border:1px solid #cdbba8;border-radius:16px;overflow:hidden;background:#fffcf7;box-shadow:0 18px 44px #35241618}
.app-shot-frame img{display:block;width:100%;height:auto}
.app-shot figcaption{margin-top:16px;font-size:.8125rem;line-height:1.6;color:#57534d;text-align:center}
.app-shot-phone{max-width:320px;margin-inline:auto}
.app-shot-phone .app-shot-frame{border-radius:26px}
.app-shot-tablet{max-width:400px;margin-inline:auto}
.app-shot-tablet .app-shot-frame{border-radius:22px}
.brand-shot{position:relative;z-index:1;max-width:300px;margin-left:auto;border-radius:26px}
@media(max-width:600px){.app-shot-phone{max-width:290px}.brand-shot{max-width:270px}}