@font-face{font-family:Satoshi;src:url('assets/satoshi.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap}
:root{font-family:Satoshi,Arial,sans-serif;color:#1d1d1d;background:#faf9f6;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-width:min(320px,100%)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #9270d5;outline-offset:6px;border-radius:5px}
.header{max-width:1466px;margin:auto;width:calc(100% - 70px);height:94px;border-bottom:2px solid #e4e2e3;display:flex;align-items:center;justify-content:space-between;padding:0 37px;gap:28px}
.brand{display:block;position:relative;flex-shrink:0;width:220px;height:88px;overflow:visible}
.brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.navigation,.account{display:flex;align-items:center;gap:43px}
.navigation{margin-left:110px}
.account{gap:29px}
.nav-link{font-size:20px;font-weight:500;position:relative;white-space:nowrap;cursor:pointer}
.nav-link::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#9c7ce0;transform:scaleX(0);transform-origin:left;transition:transform 180ms ease}
.nav-link:hover::after,.nav-link:focus-visible::after{transform:scaleX(1)}
.button{height:56px;border:2px solid #20201f;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;padding:0 27px;font-size:20px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background-color 180ms ease,color 180ms ease,transform 180ms ease}
.button-dark{background:#20201f;color:#fff}
.button-dark:hover{background:#38322f;transform:translateY(-2px)}
.button-outline{background:transparent;color:#1d1d1d}
.button-outline:hover{background:#eee6ff;transform:translateY(-2px)}
.header-cta{height:50px;padding:0 20px;font-size:19px}
.hero{max-width:1536px;margin:0 auto;padding:31px 35px 21px;overflow:hidden}
.hero-copy{text-align:center;position:relative;z-index:4}
.eyebrow{display:inline-block;background:#cdbbff;border-radius:30px;font-size:18px;font-weight:600;color:#17114c;line-height:38px;padding:0 20px;margin:0 0 12px}
.headline-wrap{position:relative;max-width:1270px;margin:0 auto}
h1{max-width:1020px;font-size:76px;line-height:1.06;font-weight:900;letter-spacing:-3.3px;margin:0 auto;isolation:isolate;-webkit-text-stroke:.75px currentColor}
.title-line{display:block;width:fit-content;max-width:100%;margin:0 auto;position:relative;word-break:normal;overflow-wrap:normal}
.title-line+.title-line{margin-top:0}
.underlined{position:relative;display:inline-block;max-width:100%}
.underlined svg{position:absolute;left:-1%;bottom:-10px;width:102%;height:28px;z-index:-1;transform-origin:left}
.decoration{position:absolute;pointer-events:none}
.confetti{width:105px;height:116px;left:0;top:18px}
.arrow{width:150px;height:104px;right:0;top:40px}
.description{font-size:26px;font-weight:500;line-height:1.25;letter-spacing:-.35px;margin:20px 0 20px}
.hero-actions{display:flex;justify-content:center;gap:25px}
.supporting{font-size:17px;line-height:24px;color:#77777f;font-weight:500;margin:8px 0 0}
.showcase{position:relative;isolation:isolate;height:455px;margin-top:-21px}
.card-position{position:absolute;pointer-events:none}
.card-position img{display:block;width:100%;height:auto}
.card-left{width:36%;left:1%;top:-2px;z-index:1}
.card-center{width:35.5%;left:32.5%;top:-10px;z-index:3}
.card-center img{aspect-ratio:800 / 768;height:auto;object-fit:fill}
.card-right{width:35.5%;left:62.5%;top:-14px;z-index:2}
.card-position::before{content:'';position:absolute;left:1%;right:2%;height:9%;bottom:9%;border-radius:50%;background:#eae7e3;opacity:.6;z-index:-1}
.card-left::before{bottom:9%;left:0;right:-5%;transform:rotate(-3deg)}
.card-right::before{bottom:13%;transform:rotate(2deg)}
.kit-caption{display:flex;align-items:center;justify-content:center;gap:20px;font-size:16px;color:#55545d;line-height:24px;margin:13px 0 0}
.kit-caption::before,.kit-caption::after{content:'';width:106px;height:2px;background:#cdcbcc}
.kit-caption span{min-width:0;text-align:center}
@media(min-width:769px) and (prefers-reduced-motion:no-preference){
  .cards-open .card-float{animation:float 7s ease-in-out infinite}
  .cards-open .card-left .card-float{animation-duration:7.6s;animation-delay:.3s}
  .cards-open .card-right .card-float{animation-duration:6.8s;animation-delay:.6s}
}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(min-width:1540px){.hero{padding-top:31px}}
@media(max-width:1250px) and (min-width:769px){
  .header{padding:0 16px;width:calc(100% - 40px);gap:20px;height:84px}
  .brand{width:180px;height:72px}
  .navigation{margin-left:0;gap:24px}.account{gap:20px}.nav-link{font-size:17px}.header-cta{font-size:16px;padding:0 16px;height:46px}
  .hero{padding:30px 20px 20px}h1{max-width:calc(100% - 200px);font-size:clamp(36px,5.2vw,65px);letter-spacing:-2.4px}
  .confetti{width:9%;left:0;top:0}.arrow{width:12%;right:0;top:20px}
  .description{font-size:23px}.showcase{height:31vw;margin-top:-10px}.kit-caption{margin-top:20px}
}
@media(max-width:768px){
  .header{height:auto;min-height:82px;width:calc(100% - 32px);padding:8px 2px 13px;gap:12px;flex-wrap:wrap}
  .brand{width:130px;height:52px}
  .account{gap:8px;margin-left:auto}.header-cta{height:40px;font-size:13px;padding:0 10px;border-radius:11px}.account .login{font-size:12px}
  .navigation{margin:0;order:3;justify-content:center;width:100%;gap:32px;padding-top:4px}.nav-link{font-size:15px}
  .hero{padding:29px 16px 25px}.eyebrow{font-size:14px;line-height:30px;padding:0 16px;margin-bottom:18px}
  h1{max-width:100%;font-size:clamp(28px,6.8vw,50px);line-height:1.12;letter-spacing:-1.1px}
  .title-line+.title-line{margin-top:2px}.underlined svg{height:15px;bottom:-5px}
  .confetti{width:52px;height:57px;left:0;top:-57px;opacity:.9}.arrow{width:66px;height:52px;right:0;top:-51px}
  .description{font-size:clamp(16px,3.2vw,22px);line-height:1.4;letter-spacing:-.2px;margin:23px -2px 20px}
  .hero-actions{gap:10px}.hero-actions .button{font-size:clamp(12px,2.7vw,17px);height:47px;padding:0 15px;border-radius:11px}
  .supporting{font-size:12px;line-height:18px;margin:10px auto 0;max-width:320px}
  .showcase{height:65vw;margin:12px -12px 0}
  .card-center{width:57%;left:21.5%;top:0}.card-left{width:51%;left:-7%;top:12vw}.card-right{width:51%;left:56%;top:12vw}
  .kit-caption{font-size:13px;gap:12px;margin:9px 0 0}.kit-caption::before,.kit-caption::after{width:46px;height:1px}
}
@media(max-width:380px){.login{display:none}.navigation{gap:28px}.hero-actions .button{padding:0 12px}.hero{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* How it works: scoped styles preserve the existing header and hero. */
.how-it-works{max-width:1466px;width:calc(100% - 70px);margin:0 auto;padding:30px 64px 36px;border-top:1px solid #d9d7db;text-align:center}
.how-label{font-size:15px;line-height:34px;letter-spacing:.6px;padding:0 20px;margin:0 0 16px}
.how-it-works h2{font-size:64px;line-height:1.04;letter-spacing:-2.8px;font-weight:900;margin:0;isolation:isolate}
.how-title-line{display:block}
.how-underline{position:relative;display:inline-block;max-width:100%}
.how-underline svg{position:absolute;left:-1%;bottom:-7px;width:102%;height:23px;z-index:-1}
.how-description{font-size:24px;line-height:1.4;color:#6d6e7d;margin:18px auto 0;max-width:1160px;letter-spacing:-.4px}
.how-process{position:relative;margin-top:26px}
.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;list-style:none;padding:0;margin:0}
.how-step{min-width:0}
.how-illustration{height:240px;position:relative;display:flex;align-items:center;justify-content:center}
.how-illustration img{display:block;width:100%;height:100%;object-fit:contain}
.how-number{position:absolute;left:8px;top:0;min-width:54px;padding:6px 12px;border-radius:30px;font-size:22px;font-weight:900;line-height:30px;z-index:1;color:#151515}
.how-number-purple{background:#e1d2ff}.how-number-mint{background:#c6f7e7}.how-number-yellow{background:#ffe387}
.how-step h3{font-size:28px;font-weight:900;line-height:1.2;letter-spacing:-1px;margin:10px 0 9px}
.how-step p{font-size:22px;line-height:1.35;color:#6d6e7d;max-width:360px;margin:0 auto}
.how-connector{position:absolute;top:36px;width:140px;height:55px;pointer-events:none;transform-origin:left center}
.how-connector-first{left:calc(33.333% - 74px)}.how-connector-second{left:calc(66.666% - 60px)}
.how-action{margin-top:25px}
.how-action .button{gap:15px;height:60px;padding:0 35px;font-size:20px}
.how-reassurance{display:flex;align-items:center;justify-content:center;gap:9px;font-size:17px;line-height:1.4;color:#6d6e7d;margin:9px 0 0}
.how-reassurance svg{flex-shrink:0;color:#20201f}

/* Subscription contents; category filters organize the included kit. */
.catalog{width:calc(100% - 70px);max-width:1466px;margin:0 auto;padding:32px 64px 28px;border-top:1px solid #d9d7db;text-align:center;scroll-margin-top:24px;overflow-anchor:none}
.catalog-label{font-size:15px;line-height:34px;margin-bottom:15px;padding:0 22px;letter-spacing:.3px}
.catalog h2{position:relative;width:fit-content;max-width:100%;font-size:64px;line-height:1.08;letter-spacing:-2.8px;font-weight:900;margin:0 auto;isolation:isolate;text-wrap:balance}
.catalog h2::before,.catalog h2::after{content:'';position:absolute;top:24px;width:22px;height:16px;border-top:3px solid #20201f;border-bottom:3px solid #20201f;pointer-events:none}
.catalog h2::before{left:-43px;transform:rotate(24deg)}.catalog h2::after{right:-43px;transform:rotate(-24deg)}
.catalog-underline{position:relative;display:inline-block;white-space:nowrap}
.catalog-underline svg{position:absolute;width:104%;height:22px;left:-2%;bottom:-8px;z-index:-1}
.catalog-description{font-size:24px;line-height:1.35;letter-spacing:-.4px;color:#6d6e7d;margin:20px 0 18px}
.catalog-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px}
.catalog-filters button{font:700 18px/1.2 Satoshi,Arial,sans-serif;color:#20201f;background:transparent;border:1px solid #62626d;border-radius:13px;padding:10px 23px;min-height:44px;cursor:pointer;transition:color 180ms ease,background-color 180ms ease}
.catalog-filters button[aria-pressed="true"]{background:#20201f;color:#fff;border-color:#20201f}
.catalog-filters button:hover{background:#eee6ff;color:#20201f}
.catalog-filters button[aria-pressed="true"]:hover{background:#38322f;color:#fff}
.catalog-filters button:focus-visible{outline:3px solid #9270d5;outline-offset:4px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;grid-auto-rows:1fr;text-align:left;align-items:stretch}
.catalog-item{min-width:0}.catalog-item[hidden]{display:none}
.catalog-card{height:100%;min-height:324px;border:2px solid #20201f;border-radius:16px;padding:20px 25px 22px;display:flex;flex-direction:column;transition:transform 180ms ease;background:#fcfbf8}
.catalog-card:hover{transform:translateY(-2px)}
.catalog-card-top{position:relative;height:118px;flex-shrink:0}
.catalog-card-top img{position:absolute;left:-24px;top:-28px;display:block;width:194px;height:165px;object-fit:contain}
.catalog-access{position:absolute;right:-6px;top:0;border-radius:30px;padding:6px 15px;background:#e1d2ff;color:#27205a;line-height:1.2;font-size:15px;font-weight:700;white-space:nowrap}
.catalog-access-free{background:#bff2e1;color:#20201f}
.catalog-illustration-box{display:block;position:relative;width:96px;height:96px}
/* The transparent outer margins allow this optical adjustment inside the box. */
.catalog-card-top .catalog-illustration-box img{width:128px;height:128px;left:-16px;top:-16px;object-fit:contain}
.catalog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;line-height:19px;color:#6d6e7d;min-height:22px;margin-bottom:3px}
.catalog-type{font-weight:700}.catalog-compatibility{font-size:13px;border:1px solid #797985;padding:2px 12px;border-radius:30px;line-height:18px;font-weight:500}
.catalog-card h3{font-size:26px;font-weight:900;line-height:1.15;letter-spacing:-.85px;margin:0 0 6px}
.catalog-card-description{font-size:21px;line-height:1.3;color:#6d6e7d;margin:0 0 17px;max-width:310px}
.catalog-link{display:inline-flex;align-items:center;align-self:flex-start;gap:12px;font-size:19px;line-height:1.3;font-weight:700;cursor:pointer;margin-top:auto}
.catalog-link svg{transition:transform 180ms ease;flex-shrink:0}.catalog-link:hover svg{transform:translateX(3px)}
.catalog-closing{margin-top:22px}.catalog-closing .button{gap:17px;padding:0 30px;font-size:21px}
.catalog-closing p{margin:10px 0 0;font-size:16px;line-height:1.4;color:#6d6e7d}
.catalog-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:701px) and (max-width:1100px){
  .catalog{width:calc(100% - 40px);padding:32px 20px 28px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog h2{font-size:48px}.catalog-description{font-size:21px}.catalog-card{padding:20px 22px 22px}
  .catalog-card h3{font-size:25px}
}
@media(max-width:700px){
  .catalog{width:calc(100% - 32px);padding:30px 0 26px}
  .catalog-label{font-size:12px;line-height:30px;padding:0 16px;margin-bottom:17px}
  .catalog h2{font-size:clamp(30px,7.5vw,46px);line-height:1.1;letter-spacing:-1.2px;max-width:540px}
  .catalog h2::before,.catalog h2::after{display:none}
  .catalog-underline svg{height:15px;bottom:-5px}.catalog-description{font-size:18px;line-height:1.4;letter-spacing:-.15px;margin:20px 0}
  .catalog-filters{gap:10px;margin-bottom:22px}.catalog-filters button{font-size:15px;padding:9px 16px;border-radius:11px}
  .catalog-grid{grid-template-columns:1fr;gap:18px}.catalog-card{min-height:320px;padding:20px 22px 22px}
  .catalog-card h3{font-size:25px}.catalog-card-description{font-size:20px}.catalog-link{font-size:18px}
  .catalog-access{font-size:13px;padding:6px 12px}.catalog-card-top img{width:165px;height:145px;top:-20px}
  .catalog-closing .button{font-size:19px;height:54px}.catalog-closing p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.catalog *{transition:none!important}.catalog-card:hover{transform:none}}
@media(min-width:769px) and (max-width:1250px){
  .how-it-works{width:calc(100% - 40px);padding:30px 20px 36px}
  .how-it-works h2{font-size:56px}.how-description{font-size:21px}
  .how-steps{gap:24px}.how-illustration{height:205px}
  .how-step h3{font-size:clamp(19px,2.2vw,26px);min-height:2.4em;display:flex;align-items:center;justify-content:center}
  .how-step p{font-size:18px}.how-connector{width:100px;top:40px}.how-connector-first{left:calc(33.333% - 50px)}.how-connector-second{left:calc(66.666% - 43px)}
}
@media(max-width:768px){
  .how-it-works{width:calc(100% - 32px);padding:29px 0 32px}
  .how-label{font-size:12px;line-height:30px;margin-bottom:17px;padding:0 16px}
  .how-it-works h2{font-size:clamp(28px,7.2vw,46px);line-height:1.1;letter-spacing:-1.2px}
  .how-underline svg{height:15px;bottom:-5px}
  .how-description{font-size:17px;line-height:1.45;max-width:530px;padding:0 10px;margin-top:18px;letter-spacing:0}
  .how-process{margin-top:28px}.how-steps{grid-template-columns:1fr;gap:30px;max-width:420px;margin:auto}
  .how-illustration{height:auto;aspect-ratio:3 / 2;width:100%;max-width:360px;margin:auto}
  .how-number{left:10px;min-width:45px;font-size:18px;line-height:25px;padding:5px 10px}
  .how-step h3{font-size:25px;letter-spacing:-.7px;margin:6px 0 8px}
  .how-step p{font-size:18px;max-width:340px;padding:0 10px}
  .how-connector{display:none}.how-action{margin-top:30px}
  .how-action .button{height:54px;font-size:16px;padding:0 19px;gap:12px;max-width:100%}
  .how-reassurance{font-size:13px;gap:7px}.how-reassurance svg{width:22px;height:22px}
}

.catalog-free-note{font-size:16px;line-height:1.4;color:#6d6e7d;margin:-10px 0 23px}
.faq{max-width:1466px;width:calc(100% - 70px);margin:auto;padding:40px 64px 32px;display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.62fr);gap:55px;border-top:1px solid #d9d7db}
.faq-label{font-size:15px;line-height:35px;padding:0 20px;margin:10px 0 20px;font-weight:700}
.faq h2{font-size:58px;line-height:1.08;font-weight:900;letter-spacing:-2.4px;margin:0;isolation:isolate}
.faq-underline{position:relative;display:inline-block;max-width:100%}
.faq-underline svg{position:absolute;width:102%;height:22px;left:-1%;bottom:-6px;z-index:-1}
.faq-description{font-size:25px;line-height:1.35;letter-spacing:-.5px;color:#6d6e7d;margin:27px 0 8px}
.faq-illustration{display:block;width:115%;height:auto;margin-left:-7.5%;object-fit:contain}
.faq-accordion{min-width:0}.faq-item{border-top:1px solid #d2d3db}
.faq-item:last-child{border-bottom:1px solid #d2d3db}
.faq-item h3{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.6px;font-weight:900}
.faq-item button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;text-align:left;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;padding:19px 21px;cursor:pointer}
.faq-item button:focus-visible{outline:3px solid #9270d5;outline-offset:-3px;border-radius:8px}
.faq-symbol{position:relative;width:23px;height:23px;flex-shrink:0}
.faq-symbol::before,.faq-symbol::after{content:'';position:absolute;background:#20201f;border-radius:2px}
.faq-symbol::before{width:21px;height:3px;top:10px;left:1px}
.faq-symbol::after{width:3px;height:21px;top:1px;left:10px;transform:scaleY(1);transition:transform 240ms ease}
.faq-item[data-open="true"] .faq-symbol::after{transform:scaleY(0)}
.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 260ms ease,opacity 240ms ease}
.faq-answer>div{min-height:0;overflow:hidden}
.faq-answer p{font-size:18px;line-height:1.45;color:#656978;margin:0;padding:0 21px 22px}
.faq-item[data-open="true"] .faq-answer{grid-template-rows:1fr;opacity:1}
.faq-cancellation[data-open="true"]{background:#e5f8f0;border-color:transparent;border-radius:15px;margin:12px -4px}
.final-pro{position:relative;width:calc(100% - 160px);max-width:1338px;margin:12px auto 25px;background:#e0d0fa;border:2px solid #20201f;border-radius:23px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:35px 54px}
.final-pro::before,.final-pro::after{content:'';position:absolute;width:18px;height:20px;border-top:3px solid #20201f;border-bottom:3px solid #20201f;top:35px;pointer-events:none}
.final-pro::before{left:20px;transform:rotate(22deg)}.final-pro::after{right:20px;transform:rotate(-22deg)}
.final-pro h2{font-size:48px;line-height:1.13;letter-spacing:-1.6px;font-weight:900;margin:0 0 9px}
.final-pro>div>p{font-size:25px;line-height:1.35;letter-spacing:-.5px;color:#656978;margin:0}
.final-pro-action{flex-shrink:0;max-width:100%;text-align:center}
.final-pro-action .button{width:100%;gap:15px;min-height:60px;height:auto;font-size:24px;padding:13px 28px}
.final-pro-action .button svg{transition:transform 180ms ease;flex-shrink:0}.final-pro-action .button:hover svg{transform:translateX(3px)}
.final-pro .final-pro-action p{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;line-height:1.4;letter-spacing:0;margin:12px 0 0}
.final-pro-action p svg{flex-shrink:0}
.site-footer{width:calc(100% - 70px);max-width:1466px;border-top:1px solid #d2d3db;margin:0 auto;padding:14px 40px 25px;color:#656978;font-size:15px;line-height:1.4}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-identity img{display:block;object-fit:contain;width:160px;height:64px;margin-left:-12px}
.footer-identity p{margin:-6px 0 0}.footer-links{display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px}
.footer-links a{cursor:pointer;position:relative}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-links a+a{border-left:1px solid #a3a4af;padding-left:20px}
.footer-links small{display:block;font-size:12px;margin-top:3px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font-size:14px}.footer-bottom p{margin:0}
@media(min-width:801px) and (max-width:1200px){
  .faq{width:calc(100% - 40px);padding:35px 20px 30px;gap:32px;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr)}
  .faq h2{font-size:44px}.faq-description{font-size:21px}.faq-item h3{font-size:21px}.faq-item button{padding:17px 14px;gap:18px}.faq-answer p{padding-left:14px;padding-right:14px;font-size:17px}
  .final-pro{width:calc(100% - 80px);padding:30px 35px;gap:25px}.final-pro h2{font-size:33px}.final-pro>div>p{font-size:21px}.final-pro-action .button{font-size:22px}.final-pro .final-pro-action p{font-size:13px}
  .final-pro::before{left:10px}.final-pro::after{right:10px}
}
@media(max-width:800px){
  .faq{width:calc(100% - 32px);padding:30px 0 22px;grid-template-columns:1fr;gap:10px}
  .faq-intro{text-align:center}.faq-label{font-size:12px;line-height:30px;margin:0 0 17px}
  .faq h2{font-size:clamp(34px,8vw,49px);line-height:1.08;letter-spacing:-1.4px}.faq-underline svg{height:17px;bottom:-4px}
  .faq-description{font-size:21px;margin:21px 0 0}.faq-illustration{width:100%;max-width:260px;margin:0 auto}
  .faq-item h3{font-size:20px;letter-spacing:-.45px}.faq-item button{padding:18px 12px;gap:18px}
  .faq-answer p{font-size:17px;line-height:1.5;padding:0 12px 20px}.faq-cancellation[data-open="true"]{margin:10px 0}
  .final-pro{width:calc(100% - 32px);margin:15px auto 24px;padding:28px 22px;display:flex;flex-direction:column;align-items:stretch;gap:24px;text-align:center;border-radius:19px}
  .final-pro h2{font-size:32px;letter-spacing:-1px}.final-pro>div>p{font-size:20px;letter-spacing:-.3px}.final-pro-action .button{font-size:22px;min-height:56px}
  .final-pro .final-pro-action p{font-size:12px;gap:6px}.final-pro::before,.final-pro::after{display:none}
  .site-footer{width:calc(100% - 32px);padding:14px 0 24px}.footer-top{flex-direction:column;align-items:flex-start;gap:24px}
  .footer-links{gap:14px;font-size:14px}.footer-links a+a{padding-left:14px}.footer-bottom{font-size:12px;gap:15px;margin-top:26px}
}
.catalog-card>.item-status{display:block;width:fit-content;margin:0 0 12px;padding:4px 9px;font-size:12px;border-radius:15px;background:#eee8f7;color:#6b5a7b}
/* Monthly plans: scoped to preserve the sections above. */
.pricing{width:calc(100% - 70px);max-width:1466px;margin:0 auto;padding:30px 64px 40px;border-top:1px solid #d9d7db;scroll-margin-top:24px}
.pricing-intro{text-align:center}
.pricing-label{font-size:16px;font-weight:700;line-height:36px;max-width:100%;padding:0 20px;margin:0 0 17px}
.pricing h2{position:relative;width:fit-content;max-width:100%;font-size:62px;line-height:1.02;font-weight:900;letter-spacing:-2.6px;margin:0 auto;isolation:isolate}
.pricing-burst{position:absolute;width:44px;height:100px;top:15px;pointer-events:none}
.pricing-burst-left{left:-80px}.pricing-burst-right{right:-80px;transform:scaleX(-1)}
.pricing h2>span{display:block}
.pricing-underline{position:relative;display:inline-block;max-width:100%}
.pricing-underline svg{position:absolute;left:-1%;bottom:-9px;width:102%;height:24px;z-index:-1}
.pricing-description{font-size:26px;font-weight:500;line-height:1.35;color:#6d6e7d;margin:22px 0 24px;letter-spacing:-.5px}
.pricing-plans{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:28px;align-items:stretch}
.pricing-pro-wrap{position:relative;isolation:isolate;min-width:0}
.pricing-pro-wrap::before{content:'';position:absolute;inset:0;border-radius:20px;background:#d2bbfb;transform:translate(12px,12px);z-index:-1}
.pricing-card{min-width:0;border:2px solid #20201f;border-radius:20px;background:#fffefa;padding:20px 24px 22px;display:flex;flex-direction:column;height:100%;color:#20201f}
.pricing-launch{border-radius:14px;background:#dbc6ff;text-align:center;font-size:18px;font-weight:800;line-height:1.3;padding:9px 12px;margin:0 0 15px}
.pricing-pro-brand{display:flex;align-items:center;gap:22px;margin:0 13px 1px}
.pricing-isotype{flex-shrink:0;display:block}
.pricing h3{font-size:50px;line-height:1.05;letter-spacing:-1.8px;font-weight:900;margin:0}
.pricing-pro-brand p{font-size:24px;line-height:1.25;color:#6d6e7d;margin:0}
.pricing-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:15px;line-height:1;margin:7px 14px 8px}
.pricing-price strong{font-size:84px;font-weight:900;letter-spacing:-4px;white-space:nowrap}
.pricing-price>span{font-size:27px;font-weight:500;letter-spacing:-.7px;white-space:nowrap}
.pricing-rate{display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;border-radius:25px;background:#c7f7e7;font-size:20px;line-height:1.3;padding:5px 13px;margin:0 7px 0 14px}
.pricing-rate svg{flex-shrink:0}
.pricing-benefits{list-style:none;padding:10px 14px 0;margin:12px 13px 20px;border-top:1px solid #cfced5;font-size:21px;line-height:1.3}
.pricing-benefits li{position:relative;padding-left:50px;min-height:30px;display:flex;align-items:center;margin:0}
.pricing-benefits li::before{content:'';position:absolute;left:0;top:1px;width:29px;height:29px;background:#bff2e1;border-radius:50%}
.pricing-benefits li::after{content:'';position:absolute;left:8px;top:8px;width:12px;height:7px;border-left:3px solid #20201f;border-bottom:3px solid #20201f;transform:rotate(-45deg)}
.pricing-extra{display:grid;grid-template-columns:66px auto 1fr;align-items:center;gap:12px;border:2px solid #20201f;border-radius:14px;background:#fff8cc;padding:6px 13px;min-height:66px;margin-top:auto}
.pricing-extra img{display:block;width:110px;height:74px;margin:-13px -22px;object-fit:contain}
.pricing-extra>span{font-size:16px;font-weight:800;background:#ffe65e;border-radius:20px;padding:4px 15px;line-height:1.2}
.pricing-extra p{font-size:20px;line-height:1.25;letter-spacing:-.4px;font-weight:800;margin:0}
.pricing-card-actions{margin-top:auto;text-align:center}
.pricing-pro .pricing-card-actions{margin-top:14px}
.pricing-card-actions .button{width:100%;height:auto;min-height:56px;padding:11px 16px;line-height:1.25;white-space:normal;gap:12px;text-align:center;font-size:23px;letter-spacing:-.5px}
.pricing-card-actions .button svg{flex-shrink:0;transition:transform 180ms ease}
.pricing-card-actions .button:hover svg{transform:translateX(3px)}
.pricing-cancel{display:flex;align-items:center;justify-content:center;gap:9px;font-size:16px;line-height:1.3;color:#6d6e7d;margin:14px 0 0}
.pricing-cancel svg{flex-shrink:0}
.pricing-free{padding:25px 27px 23px}
.pricing-free-label{align-self:flex-start;background:#c7f7e7;border-radius:24px;font-weight:700;font-size:17px;line-height:1.2;margin:0 0 18px;padding:8px 19px}
.pricing-free-heading{display:grid;grid-template-columns:minmax(115px,38%) minmax(0,1fr);gap:16px;align-items:center}
.pricing-free-heading img{display:block;width:150%;height:auto;margin-left:-25%;aspect-ratio:1483 / 1061;object-fit:contain}
.pricing-free-heading h3{font-size:45px}
.pricing-free-heading p{font-size:22px;line-height:1.2;letter-spacing:-.5px;color:#6d6e7d;margin:3px 0 0}
.pricing-free-price{justify-content:center;margin:18px 0 0;gap:16px}
.pricing-free-price strong{font-size:76px}.pricing-free-price>span{font-size:25px}
.pricing-free .pricing-benefits{padding:18px 10px 0;margin:14px 4px 22px}
.pricing-free .pricing-benefits li{margin-bottom:12px;padding-left:50px}
.pricing-free-note{font-size:17px;line-height:1.25;color:#6d6e7d;margin:0 0 16px}
.pricing-free .button{font-size:21px}
.pricing-upgrade{font-size:16px;line-height:1.3;color:#6d6e7d;margin:13px 0 8px}
@media(min-width:801px) and (max-width:1200px){
  .pricing{width:calc(100% - 40px);padding:30px 20px 38px}.pricing-plans{gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  .pricing h2{font-size:52px}.pricing-description{font-size:23px}.pricing-card{padding:18px}
  .pricing-launch{font-size:15px}.pricing-pro-brand{gap:12px;margin:0 0 4px}.pricing h3{font-size:40px}.pricing-isotype{width:52px;height:62px}
  .pricing-pro-brand p{font-size:20px}.pricing-price{margin-left:0;margin-right:0;gap:8px}.pricing-price strong{font-size:68px}.pricing-price>span{font-size:22px}
  .pricing-rate{font-size:17px;margin-left:0;gap:8px}.pricing-benefits{font-size:18px;padding-left:0;padding-right:0;margin-left:0;margin-right:0}
  .pricing-benefits li{padding-left:39px}.pricing-extra{grid-template-columns:44px auto;gap:5px 10px;padding:8px 10px}
  .pricing-extra img{width:88px;height:58px;margin:-7px -22px;grid-row:span 2}.pricing-extra>span{justify-self:start;font-size:14px}.pricing-extra p{grid-column:2;font-size:18px}
  .pricing-card-actions .button{font-size:20px}.pricing-cancel{font-size:14px}
  .pricing-free-heading{grid-template-columns:1fr;gap:0}.pricing-free-heading img{width:200px;height:125px;margin:auto}.pricing-free-heading h3{font-size:38px}
  .pricing-free-heading p{font-size:19px}.pricing-free .pricing-benefits{margin-left:0;margin-right:0;padding-left:0;padding-right:0;font-size:18px}.pricing-free .pricing-benefits li{padding-left:39px}
  .pricing-free .button{font-size:18px}.pricing-free-note,.pricing-upgrade{font-size:15px}
}
@media(max-width:800px){
  .catalog-free-note{font-size:14px;margin-top:-8px}
  .pricing{width:calc(100% - 32px);padding:29px 0 36px}
  .pricing-label{font-size:12px;line-height:1.4;padding:8px 14px;border-radius:18px;margin-bottom:18px}
  .pricing h2{font-size:clamp(28px,6.8vw,46px);line-height:1.08;letter-spacing:-1.1px}
  .pricing-burst{display:none}
  .pricing-underline svg{height:16px;bottom:-5px}
  .pricing-description{font-size:19px;line-height:1.4;letter-spacing:-.2px;margin:22px auto 25px;max-width:550px}
  .pricing-plans{grid-template-columns:1fr;gap:32px;max-width:570px;margin:auto}
  .pricing-pro-wrap::before{transform:translate(8px,8px)}
  .pricing-card{height:auto;padding:18px 16px 20px;border-radius:18px}
  .pricing-launch{font-size:13px;padding:9px 10px;border-radius:11px;margin-bottom:18px}
  .pricing-pro-brand{margin:0 0 8px;gap:13px}.pricing-isotype{width:48px;height:57px}
  .pricing h3{font-size:37px;letter-spacing:-1.2px}.pricing-pro-brand p{font-size:18px;line-height:1.3}
  .pricing-price{margin:8px 0 12px;gap:9px}.pricing-price strong{font-size:clamp(58px,15vw,78px);letter-spacing:-3px}.pricing-price>span{font-size:21px;letter-spacing:-.4px}
  .pricing-rate{font-size:16px;gap:8px;padding:7px 10px;margin:0;align-items:flex-start;border-radius:17px}
  .pricing-benefits{font-size:18px;margin:15px 0 20px;padding:13px 0 0}.pricing-benefits li{padding-left:40px;min-height:31px;margin-bottom:6px}
  .pricing-extra{grid-template-columns:42px auto;gap:5px 9px;padding:10px}
  .pricing-extra img{width:84px;height:56px;margin:-7px -21px;grid-row:span 2}.pricing-extra>span{justify-self:start;font-size:13px;padding:4px 12px}.pricing-extra p{grid-column:2;font-size:18px}
  .pricing-card-actions .button{font-size:18px;padding:12px;gap:9px}.pricing-cancel{font-size:13px;gap:7px;margin-top:13px}
  .pricing-free{padding:23px 18px}.pricing-free-label{font-size:14px;margin-bottom:18px}
  .pricing-free-heading{grid-template-columns:105px minmax(0,1fr);gap:12px}.pricing-free-heading h3{font-size:36px}.pricing-free-heading p{font-size:18px;line-height:1.3}
  .pricing-free-price{justify-content:center;margin:20px 0 0}.pricing-free-price strong{font-size:68px}
  .pricing-free .pricing-benefits{margin:14px 0 20px;padding:18px 0 0;font-size:18px}.pricing-free .pricing-benefits li{padding-left:40px}
  .pricing-free-note{font-size:15px;margin:0 0 18px}.pricing-free .button{font-size:18px}.pricing-upgrade{font-size:14px;margin:13px 0 0}
}

/* One navigation, with a stable slot in the page in both scroll states. */
.header-shell{height:94px}
.header{position:relative;z-index:60;transition:width 300ms ease,max-width 300ms ease,height 300ms ease,padding 300ms ease,border-radius 300ms ease,background-color 300ms ease,box-shadow 300ms ease}
.header-panel{display:contents}.menu-toggle{display:none}
.header .brand{transition:width 300ms ease,height 300ms ease}
.header.is-floating{position:fixed;top:14px;left:0;right:0;margin:0 auto;width:calc(100% - 48px);max-width:1280px;height:72px;border:1px solid #9898a6;border-radius:20px;padding:0 24px;background:#faf9f6;box-shadow:0 8px 28px #20201f12;gap:24px}
.header.is-floating .brand{width:170px;height:68px}
.header.is-floating .navigation{margin-left:60px;gap:34px}
.header.is-floating .nav-link{font-size:16px}
.header.is-floating .account{gap:22px}
.header.is-floating .header-cta{font-size:16px;height:44px;padding:0 19px;border-radius:13px}
#catalogo,#precios,#preguntas{scroll-margin-top:106px}
body::after{content:'';display:block;height:calc(112px + env(safe-area-inset-bottom,0px))}
.pro-capsule{position:fixed;z-index:45;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));margin:auto;max-width:720px;display:flex;align-items:center;gap:13px;padding:10px 14px 10px 20px;border:1px solid #9898a6;border-radius:19px;background:#faf9f6;box-shadow:0 8px 30px #20201f16;opacity:0;transform:translateY(12px);visibility:hidden;pointer-events:none;transition:opacity 280ms ease,transform 280ms ease,visibility 0s linear 280ms}
.pro-capsule[hidden]{display:none}
.pro-capsule[data-visible="true"]{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}
.capsule-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e1d2ff;border-radius:12px;width:56px;height:50px}
.capsule-badge{font-size:14px;font-weight:800;background:#e1d2ff;color:#27205a;padding:6px 15px;border-radius:25px}
.capsule-copy{min-width:0;flex:1;line-height:1.25}.capsule-copy strong{font-size:19px;font-weight:900;letter-spacing:-.6px}.capsule-subtitle{display:block;color:#656978;font-size:14px}.capsule-mobile-copy{display:none}
.pro-capsule .button{height:46px;font-size:16px;padding:0 20px;gap:11px;border-radius:13px;flex-shrink:0}.pro-capsule .button svg{flex-shrink:0}
.capsule-dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-left:1px solid #dedce4;background:transparent;color:#656978;cursor:pointer}
.capsule-dismiss:focus-visible,.menu-toggle:focus-visible{outline:3px solid #9270d5;outline-offset:3px;border-radius:8px}
dialog,[role="dialog"][aria-modal="true"]{z-index:1000}
@media(min-width:769px) and (max-width:1250px){.header-shell{height:84px}.header.is-floating .navigation{margin-left:0;gap:24px}.header.is-floating .brand{width:150px}.header.is-floating{gap:20px;padding:0 20px}}
@media(max-width:768px){
  .header-shell{height:72px}
  .header,.header.is-floating{--header-row-height:72px;height:72px;min-height:72px;padding:0 8px;gap:0;flex-wrap:nowrap;width:calc(100% - 32px)}
  .header.is-floating{top:12px}.header .brand,.header.is-floating .brand{width:130px;height:52px}
  .header-panel{display:block;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:10px;border:1px solid transparent;border-radius:17px;pointer-events:none}
  .header.menu-open .header-panel{background:#faf9f6;border-color:#b7b4bf;box-shadow:0 10px 26px #20201f15;pointer-events:auto}
  .header .navigation,.header.is-floating .navigation{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0;gap:0;margin:0;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity 200ms ease,transform 200ms ease,visibility 200ms}
  .header .account{display:contents}
  .header .login{display:block;visibility:hidden;opacity:0;transition:opacity 200ms ease,visibility 200ms}
  .header.menu-open .navigation,.header.menu-open .login{visibility:visible;opacity:1;transform:translateY(0)}
  .header .nav-link,.header.is-floating .nav-link{font-size:16px;padding:12px;border-radius:8px}
  .header .nav-link::after{left:12px;right:12px;bottom:7px}
  .header .header-cta,.header.is-floating .header-cta{position:absolute;right:56px;top:calc(-1 * var(--header-row-height) + 6px);visibility:visible;pointer-events:auto;height:44px;padding:0 13px;font-size:14px;border-radius:12px}
  .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;border:0;background:transparent;cursor:pointer}
  .menu-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:#20201f}
  .pro-capsule{bottom:calc(14px + env(safe-area-inset-bottom,0px));left:12px;right:12px;gap:8px;padding:9px 8px 9px 14px;border-radius:17px}
  .capsule-mark,.capsule-badge,.capsule-desktop-copy,.capsule-subtitle{display:none}
  .capsule-copy .capsule-mobile-copy{display:block;font-size:16px;letter-spacing:-.5px}
  .pro-capsule .button{font-size:14px;padding:0 12px;gap:7px;height:44px}.pro-capsule .button svg{width:18px}
  .capsule-dismiss{width:44px}.capsule-copy{flex:1}
}
@media(max-width:360px){.header .brand,.header.is-floating .brand{width:94px}.header .header-cta,.header.is-floating .header-cta{font-size:13px;padding:0 10px}.capsule-copy .capsule-mobile-copy{font-size:14px}.pro-capsule{gap:5px;padding-left:10px}.pro-capsule .button{font-size:13px;padding:0 9px}.pro-capsule .button svg{display:none}}
@media(prefers-reduced-motion:reduce){.pro-capsule{transform:none;transition:none}.header .navigation{transform:none}}