.ssl-loop__device{margin-block-start:var(--space-xl);display:grid;gap:var(--space-md);position:relative}.ssl-loop__flow{display:none}.ssl-loop__centre{display:flex;flex-direction:column;gap:.375rem;align-items:center;justify-content:center;text-align:center;padding:var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--color-primary),var(--color-primary-dark));color:#fff}.ssl-loop__centre-label{font-size:clamp(1.25rem,1.05rem + .8vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.ssl-loop__centre-note{font-size:.8125rem;line-height:1.5;color:#ffffffc7;max-width:22ch}.ssl-loop__stage{display:flex;flex-direction:column;gap:.25rem;padding:var(--space-md);border:1px solid rgba(var(--color-primary-rgb),.14);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-sm)}.ssl-loop__stage-when{font-family:var(--font-family-mono);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);align-self:flex-start;padding:.1875rem .5rem;border-radius:var(--radius-full);background:transparent}.ssl-loop__stage-what{font-size:1.0625rem;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.ssl-loop__stage-note{font-size:.875rem;line-height:1.55;color:var(--color-text-light)}.ssl-loop__stage--3{border-color:rgba(var(--color-accent-rgb),.45)}.ssl-loop__stage--3 .ssl-loop__stage-what{color:var(--color-accent-btn)}@media(max-width:63.99rem){.ssl-loop__device{border-inline-start:2px solid rgba(var(--color-primary-rgb),.16);padding-inline-start:var(--space-md)}}@media(min-width:64rem){.ssl-loop__device{grid-template-columns:1fr minmax(11rem,14rem) 1fr;grid-template-rows:1fr auto 1fr;column-gap:4rem;row-gap:4rem;align-items:center;justify-items:stretch;max-width:62rem;margin-inline:auto}.ssl-loop__centre{grid-column:2;grid-row:2;aspect-ratio:1;border-radius:var(--radius-full);padding:var(--space-md)}.ssl-loop__flow{display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;width:22rem;aspect-ratio:1;color:#9db9b9;color:color-mix(in srgb,var(--color-primary) 38%,#fff);pointer-events:none;animation:sslFlowSpin 4s linear infinite}@keyframes sslFlowSpin{0%{rotate:0deg}to{rotate:90deg}}.ssl-loop__stage{animation:sslStageLight 16s ease-in-out infinite}.ssl-loop__stage--1{animation-delay:0s}.ssl-loop__stage--2{animation-delay:4s}.ssl-loop__stage--3{animation-delay:8s}.ssl-loop__stage--4{animation-delay:12s}@keyframes sslStageLight{0%,25%,to{border-color:rgba(var(--color-primary-rgb),.14);box-shadow:var(--shadow-sm);translate:0 0}4%,19%{border-color:rgba(var(--color-primary-rgb),.55);box-shadow:0 10px 22px -8px rgba(var(--color-primary-rgb),.4);translate:0 -4px}}.ssl-loop__stage--3{animation-name:sslStageLightAccent}@keyframes sslStageLightAccent{0%,25%,to{border-color:rgba(var(--color-accent-rgb),.45);box-shadow:var(--shadow-sm);translate:0 0}4%,19%{border-color:rgba(var(--color-accent-rgb),.9);box-shadow:0 10px 22px -8px rgba(var(--color-accent-rgb),.45);translate:0 -4px}}.ssl-loop__stage{position:relative;overflow:hidden}.ssl-loop__stage:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform-origin:left center;scale:0 1;animation:sslStageWipe 16s ease-in-out infinite;animation-delay:inherit}.ssl-loop__stage--1:before{animation-delay:0s}.ssl-loop__stage--2:before{animation-delay:4s}.ssl-loop__stage--3:before{animation-delay:8s}.ssl-loop__stage--4:before{animation-delay:12s}@keyframes sslStageWipe{0%{scale:0 1}6%,19%{scale:1 1}25%,to{scale:0 1}}@media(prefers-reduced-motion:reduce){.ssl-loop__flow,.ssl-loop__stage,.ssl-loop__stage:before{animation:none}.ssl-loop__stage:before{scale:1 1}}.ssl-loop__stage--1{grid-column:2;grid-row:1;text-align:center;align-items:center}.ssl-loop__stage--2{grid-column:3;grid-row:2}.ssl-loop__stage--3{grid-column:2;grid-row:3;text-align:center;align-items:center}.ssl-loop__stage--4{grid-column:1;grid-row:2;text-align:end;align-items:flex-end}.ssl-loop__stage--1 .ssl-loop__stage-when,.ssl-loop__stage--3 .ssl-loop__stage-when{align-self:center}.ssl-loop__stage--4 .ssl-loop__stage-when{align-self:flex-end}.ssl-loop__stage-when{animation:sslStageWhen 16s ease-in-out infinite}.ssl-loop__stage--1 .ssl-loop__stage-when{animation-delay:0s}.ssl-loop__stage--2 .ssl-loop__stage-when{animation-delay:4s}.ssl-loop__stage--3 .ssl-loop__stage-when{animation-delay:8s;animation-name:sslStageWhenAccent}.ssl-loop__stage--4 .ssl-loop__stage-when{animation-delay:12s}@keyframes sslStageWhen{0%,25%,to{background-color:rgba(var(--color-primary-rgb),0);color:var(--color-text-muted)}5%,19%{background-color:rgba(var(--color-primary-rgb),1);color:#fff}}@keyframes sslStageWhenAccent{0%,25%,to{background-color:rgba(var(--color-accent-rgb),0);color:var(--color-text-muted)}5%,19%{background-color:var(--color-accent-btn);color:#fff}}@media(prefers-reduced-motion:reduce){.ssl-loop__stage-when{animation:none}}}.ssl-loop__foot{margin-block-start:var(--space-xl);max-width:60rem;margin-inline:auto;text-align:center;color:var(--color-text-light);line-height:1.7}.ssl-covers__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-block-start:var(--space-xl)}@media(min-width:48rem){.ssl-covers__grid{grid-template-columns:repeat(3,1fr)}}.ssl-covers__card{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid rgba(var(--color-primary-rgb),.12)}.ssl-covers__card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-block-end:var(--space-sm);border-radius:var(--radius-md);background:linear-gradient(140deg,rgba(var(--color-primary-rgb),.15),rgba(var(--color-primary-rgb),.04));border:1px solid rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.ssl-covers__card--accent{border-color:rgba(var(--color-accent-rgb),.3)}.ssl-covers__card--accent .ssl-covers__card-icon{background:linear-gradient(140deg,rgba(var(--color-accent-rgb),.18),rgba(var(--color-accent-rgb),.05));border-color:rgba(var(--color-accent-rgb),.22);color:var(--color-accent-btn)}.ssl-covers__card-title{font-size:1.0625rem;font-weight:700;color:var(--color-primary);margin-block-end:.5rem;letter-spacing:-.01em}.ssl-covers__card--accent .ssl-covers__card-title{color:var(--color-accent-btn)}.ssl-covers__card p,.ssl-covers__note{line-height:1.7;color:var(--color-text-light)}.ssl-covers__note{margin-block-start:var(--space-lg);max-width:60rem;margin-inline:auto;text-align:center}.ssl-covers__card code,.ssl-covers__note code,.ssl-covers__req code{font-family:var(--font-family-mono);font-size:.875em;padding:.1em .25em;border-radius:var(--radius-sm);background:rgba(var(--color-primary-rgb),.07);color:var(--color-primary);overflow-wrap:anywhere}.ssl-covers__req{max-width:60rem;margin-inline:auto;margin-block-start:var(--space-xl);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid rgba(180,83,9,.24);border-inline-start:4px solid #b45309;background:#fdfaf7}.ssl-covers__req-title{font-size:1.0625rem;font-weight:700;color:#8a4008;letter-spacing:-.01em;margin-block-end:.625rem}.ssl-covers__req p{line-height:1.7;color:var(--color-text-light)}.ssl-covers__req p+p{margin-block-start:var(--space-sm)}.ssl-covers__req strong{color:var(--color-text)}.ssl-pay__reasons{list-style:none;margin:var(--space-xl) auto 0;padding:0;max-width:52rem;display:grid;gap:var(--space-md)}.ssl-pay__reasons li{padding-inline-start:var(--space-md);border-inline-start:3px solid rgba(var(--color-accent-rgb),.5);line-height:1.7;color:var(--color-text-light)}.ssl-pay__reasons strong{display:block;color:var(--color-text)}.ssl-pay__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-block-start:var(--space-xl)}@media(min-width:48rem){.ssl-pay__grid{grid-template-columns:repeat(3,1fr)}}.ssl-pay__card{position:relative;padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid rgba(var(--color-primary-rgb),.14);background:var(--color-bg);box-shadow:var(--shadow-sm)}.ssl-pay__card--free{border-color:#45b26b73;background:#f7fcf9}.ssl-pay__card-tag{position:absolute;inset-block-start:-.6875rem;inset-inline-start:var(--space-lg);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .625rem;border-radius:var(--radius-full);background:#45b26b;color:#fff}.ssl-pay__card-title{font-size:1.125rem;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.ssl-pay__card-price{margin-block:.25rem var(--space-md);font-size:1.5rem;font-weight:800;color:var(--color-text);letter-spacing:-.02em}.ssl-pay__card-per{margin-inline-start:.375rem;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);letter-spacing:0}.ssl-pay__card-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.ssl-pay__card-list li{position:relative;padding-inline-start:1.125rem;font-size:.9375rem;line-height:1.55;color:var(--color-text-light)}.ssl-pay__card-list li:before{content:"";position:absolute;inset-block-start:.5rem;inset-inline-start:0;width:.375rem;height:.375rem;border-radius:var(--radius-full);background:rgba(var(--color-primary-rgb),.45)}.ssl-pay__body{max-width:60rem;margin-inline:auto;margin-block-start:var(--space-xl)}.ssl-pay__body-title{font-size:1.1875rem;font-weight:700;color:var(--color-primary);letter-spacing:-.01em;margin-block:var(--space-lg) .5rem}.ssl-pay__body-title:first-child{margin-block-start:0}.ssl-pay__body p{line-height:1.75;color:var(--color-text-light);margin-block-end:var(--space-sm)}.ssl-pay__cta{margin-block-start:var(--space-xl);display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;justify-content:center}.ssl-pay__cta-link{display:inline-flex;align-items:center;gap:.375rem;font-weight:600;font-size:.9375rem;color:var(--color-primary);transition:color var(--transition-fast)}.ssl-pay__cta-link:hover{color:var(--color-primary-dark)}.ssl-pay__cta-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}.ssl-pay__cta-arrow{transition:transform var(--transition-fast),color var(--transition-fast)}.ssl-pay__cta-link:hover .ssl-pay__cta-arrow{color:var(--color-accent);transform:translate(3px)}@media(prefers-reduced-motion:reduce){.ssl-pay__cta-arrow{transition:color var(--transition-fast)}.ssl-pay__cta-link:hover .ssl-pay__cta-arrow{transform:none}}.ssl-check__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-block-start:var(--space-xl)}@media(min-width:48rem){.ssl-check__grid{grid-template-columns:repeat(2,1fr)}}.ssl-check__card{display:block;padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid rgba(var(--color-primary-rgb),.14);background:var(--color-bg);text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.ssl-check__card:hover,.ssl-check__card:focus-visible{border-color:rgba(var(--color-accent-rgb),.55);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ssl-check__card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-block-end:var(--space-sm);border-radius:var(--radius-md);background:linear-gradient(140deg,rgba(var(--color-primary-rgb),.15),rgba(var(--color-primary-rgb),.04));border:1px solid rgba(var(--color-primary-rgb),.12);color:var(--color-primary);transition:background .2s ease,border-color .2s ease,color .2s ease}.ssl-check__card:hover .ssl-check__card-icon,.ssl-check__card:focus-visible .ssl-check__card-icon{background:linear-gradient(140deg,rgba(var(--color-accent-rgb),.18),rgba(var(--color-accent-rgb),.05));border-color:rgba(var(--color-accent-rgb),.22);color:var(--color-accent-btn)}.ssl-check__card-title{font-size:1.0625rem;font-weight:700;color:var(--color-primary);margin-block-end:.5rem}.ssl-check__card p{font-size:.9375rem;line-height:1.65;color:var(--color-text-light);margin-block-end:var(--space-sm)}.ssl-check__card-go{font-size:.875rem;font-weight:600;color:var(--color-accent-btn)}@media(prefers-reduced-motion:reduce){.ssl-check__card,.ssl-check__card-icon{transition:none}.ssl-check__card:hover,.ssl-check__card:focus-visible{transform:none}}.ssl-figure{margin:var(--space-2xl) auto 0}.ssl-figure img{max-width:min(100%,50rem);height:auto;display:block;margin-inline:auto;border-radius:var(--radius-lg, 12px)}.ssl-figure figcaption{margin-block-start:var(--space-sm);margin-inline:auto;max-width:44rem;text-align:center;font-size:var(--text-sm);color:var(--color-text-light)}
