@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
.ss-bt{
--rose:#C2185B; --rose-soft:#FDE7F0; --rose-line:#F5C2D8;
--marigold:#EA580C; --marigold-soft:#FFF0E4;
--jade:#0F766E; --jade-soft:#DFF5F1;
--aubergine:#6D28D9; --aubergine-soft:#F1E9FE;
--chili:#DC2626; --chili-soft:#FEE9E9;
--ground:#FFF7FA; --card:#FFFFFF;
--ink:#2A1B2E; --body:#4A3B4F; --muted:#7A6B7F; --line:#EFE0E8;
background:var(--ground); color:var(--body);
font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
font-size:17px; line-height:1.75; -webkit-font-smoothing:antialiased;
max-width:820px; margin:0 auto; padding:0 20px 64px;
}
.ss-bt *{box-sizing:border-box;}
.ss-bt p{margin:0 0 20px; max-width:66ch;}
.ss-bt h1,.ss-bt h2,.ss-bt h3{color:var(--ink); text-wrap:balance; line-height:1.2; font-weight:800; letter-spacing:-.02em;}
.ss-bt h1{font-size:clamp(30px,5.2vw,44px); margin:0 0 18px;}
.ss-bt h2{font-size:clamp(24px,3.6vw,31px); margin:46px 0 16px;}
.ss-bt h3{font-size:20px; margin:30px 0 10px; font-weight:700;}
.ss-bt a{color:var(--rose); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1.5px; font-weight:600;}
.ss-bt a:hover{color:var(--aubergine);}
.ss-bt a:focus-visible{outline:3px solid var(--marigold); outline-offset:2px; border-radius:3px;}
.ss-bt strong{color:var(--ink); font-weight:700;}
.ss-bt ul,.ss-bt ol{margin:0 0 22px; padding-left:22px; max-width:66ch;}
.ss-bt li{margin-bottom:10px;}
.ss-bt figure{margin:0 0 28px;}
.ss-bt img{max-width:100%; height:auto; display:block; border-radius:14px;}
.ss-bt figcaption{font-size:14px; color:var(--muted); margin-top:10px; text-align:center; font-style:italic;}
.ss-hero{margin:0 0 30px;}
.ss-hero-ph{border:3px dashed var(--rose-line); background:linear-gradient(135deg,var(--rose-soft),var(--marigold-soft));
border-radius:16px; padding:52px 24px; text-align:center; color:var(--rose); font-weight:700; font-size:15px;}
.ss-eyebrow{display:inline-block; background:var(--rose); color:#fff; font-size:12px; font-weight:800;
letter-spacing:.13em; text-transform:uppercase; padding:7px 14px; border-radius:99px; margin-bottom:18px;}
.ss-meta{font-size:14px; color:var(--muted); border-left:4px solid var(--marigold);
padding:4px 0 4px 14px; margin:0 0 30px; font-weight:600;}
.ss-toc{background:linear-gradient(135deg,#FFF0F6,#F1E9FE); border:2px solid var(--rose-line);
border-radius:16px; padding:24px 26px; margin:0 0 38px;}
.ss-toc h2{margin:0 0 14px; font-size:19px; padding:0; color:var(--rose);
text-transform:uppercase; letter-spacing:.09em;}
.ss-toc ol{margin:0; padding-left:20px; columns:2; column-gap:26px;}
.ss-toc li{margin-bottom:8px; font-size:15px; break-inside:avoid;}
@media(max-width:600px){.ss-toc ol{columns:1;}}
.ss-facts{display:grid; grid-template-columns:repeat(auto-fit,minmax(148px,1fr)); gap:12px; margin:0 0 32px;}
.ss-fact{border-radius:14px; padding:18px 16px; text-align:center; color:#fff;}
.ss-fact:nth-child(1){background:linear-gradient(150deg,#C2185B,#E8447F);}
.ss-fact:nth-child(2){background:linear-gradient(150deg,#EA580C,#F79445);}
.ss-fact:nth-child(3){background:linear-gradient(150deg,#0F766E,#22A79A);}
.ss-fact:nth-child(4){background:linear-gradient(150deg,#6D28D9,#9560F0);}
.ss-fact b{display:block; font-size:27px; font-weight:800; line-height:1.15; font-variant-numeric:tabular-nums;}
.ss-fact span{display:block; font-size:12.5px; font-weight:600; opacity:.95; margin-top:5px; line-height:1.35;}
.ss-scroll{overflow-x:auto; margin:0 0 12px; border-radius:14px; border:2px solid var(--line);}
.ss-bt table{width:100%; border-collapse:collapse; font-size:15px; min-width:520px; background:var(--card);}
.ss-bt thead th{background:linear-gradient(100deg,var(--rose),var(--aubergine)); color:#fff;
font-weight:800; text-align:left; padding:14px 15px; font-size:13.5px; letter-spacing:.045em; text-transform:uppercase;}
.ss-bt tbody td{padding:13px 15px; border-top:1px solid var(--line); vertical-align:top;}
.ss-bt tbody tr:nth-child(odd){background:#FFFBFD;}
.ss-bt tbody tr:nth-child(even){background:#F7FBFA;}
.ss-bt td b{color:var(--ink);}
.ss-num{font-variant-numeric:tabular-nums; white-space:nowrap;}
.ss-up{color:var(--jade); font-weight:800;}
.ss-down{color:var(--chili); font-weight:800;}
.ss-cap{font-size:13.5px; color:var(--muted); margin:0 0 30px; font-style:italic;}
.ss-pill{display:inline-block; padding:3px 10px; border-radius:99px; font-size:12px; font-weight:800; white-space:nowrap;}
.ss-pill-best{background:var(--jade-soft); color:var(--jade);}
.ss-pill-ok{background:var(--marigold-soft); color:var(--marigold);}
.ss-pill-bad{background:var(--chili-soft); color:var(--chili);}
.ss-chart{background:var(--card); border:2px solid var(--rose-line); border-radius:16px; padding:26px 24px; margin:0 0 12px;}
.ss-chart h3{margin:0 0 4px; font-size:18px;}
.ss-chart-sub{font-size:13.5px; color:var(--muted); margin:0 0 22px; font-weight:600;}
.ss-row{margin-bottom:18px;}
.ss-row:last-child{margin-bottom:0;}
.ss-row-top{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px; gap:12px;}
.ss-row-lbl{font-weight:800; font-size:14.5px; color:var(--ink);}
.ss-row-val{font-size:13.5px; font-weight:700; color:var(--muted); font-variant-numeric:tabular-nums;}
.ss-track{background:#F6EAF1; border-radius:99px; height:26px; overflow:hidden;}
.ss-bar{height:100%; border-radius:99px; display:flex; align-items:center; justify-content:flex-end;
padding-right:11px; color:#fff; font-size:12.5px; font-weight:800; min-width:52px; font-variant-numeric:tabular-nums;}
.ss-warn,.ss-tip{border-radius:16px; padding:22px 24px; margin:0 0 30px;}
.ss-warn{background:var(--chili-soft); border:2px solid #F7B7B7; border-left:8px solid var(--chili);}
.ss-tip{background:var(--jade-soft); border:2px solid #A9E3D9; border-left:8px solid var(--jade);}
.ss-warn h3{color:var(--chili); margin:0 0 10px; font-size:18px;}
.ss-tip h3{color:var(--jade); margin:0 0 10px; font-size:18px;}
.ss-warn p:last-child,.ss-tip p:last-child,.ss-warn ul:last-child,.ss-tip ul:last-child{margin-bottom:0;}
.ss-time{display:grid; gap:12px; margin:0 0 30px;}
.ss-t{display:flex; gap:15px; align-items:flex-start; background:var(--card);
border:2px solid var(--line); border-radius:14px; padding:15px 17px;}
.ss-t-when{flex:0 0 100px; font-weight:800; font-size:13px; color:#fff; background:var(--aubergine);
border-radius:8px; padding:7px 9px; text-align:center; line-height:1.3;}
.ss-t:nth-child(1) .ss-t-when{background:var(--rose);}
.ss-t:nth-child(2) .ss-t-when{background:var(--marigold);}
.ss-t:nth-child(3) .ss-t-when{background:var(--jade);}
.ss-t:nth-child(4) .ss-t-when{background:var(--aubergine);}
.ss-t:nth-child(5) .ss-t-when{background:#DB2777;}
.ss-t-txt{font-size:15px;}
.ss-t-txt b{display:block; color:var(--ink); margin-bottom:2px;}
.ss-steps{counter-reset:s; list-style:none; padding:0; margin:0 0 30px;}
.ss-steps li{counter-increment:s; position:relative; padding:0 0 0 50px; margin-bottom:20px;}
.ss-steps li::before{content:counter(s); position:absolute; left:0; top:-2px; width:34px; height:34px;
background:linear-gradient(145deg,var(--rose),var(--aubergine)); color:#fff; border-radius:50%;
display:flex; align-items:center; justify-content:center; font-weight:800; font-size:15px;}
.ss-faq{border:2px solid var(--rose-line); border-radius:14px; margin-bottom:12px; background:var(--card); overflow:hidden;}
.ss-faq summary{cursor:pointer; padding:16px 20px; font-weight:700; color:var(--ink); font-size:16.5px; list-style:none;}
.ss-faq summary::-webkit-details-marker{display:none;}
.ss-faq summary::after{content:'+'; float:right; color:var(--rose); font-size:22px; line-height:1; font-weight:800;}
.ss-faq[open] summary::after{content:'\2013';}
.ss-faq[open] summary{background:var(--rose-soft);}
.ss-faq summary:focus-visible{outline:3px solid var(--marigold); outline-offset:-3px;}
.ss-faq-a{padding:16px 20px 4px; border-top:1px solid var(--line);}
.ss-cta{background:linear-gradient(135deg,#C2185B,#6D28D9); border-radius:20px; padding:34px 30px;
text-align:center; color:#fff; margin:44px 0 34px;}
.ss-cta h2{color:#fff; padding:0; margin:0 0 10px; font-size:26px;}
.ss-cta p{color:#FBE7F1; margin:0 auto 22px; max-width:52ch;}
.ss-btn{display:inline-block; background:#fff; color:var(--rose) !important; padding:15px 34px;
border-radius:99px; font-weight:800; text-decoration:none !important; font-size:16px;}
.ss-btn:hover{background:#FFF0F6; color:var(--aubergine) !important;}
.ss-rel{background:linear-gradient(135deg,#FFF0E4,#FDE7F0); border:2px solid var(--rose-line);
border-radius:16px; padding:24px 26px; margin:0 0 30px;}
.ss-rel h3{margin:0 0 14px; color:var(--marigold); text-transform:uppercase; letter-spacing:.09em; font-size:16px;}
.ss-rel ul{margin:0; padding-left:20px;}
.ss-src{font-size:13.5px; color:var(--muted); margin-top:40px;}
.ss-src a{font-weight:600;}
@media(prefers-reduced-motion:reduce){.ss-bt *{transition:none !important; animation:none !important;}}