/* sonic-solace.com — cerulean / rose / ice on soft white. Quicksand headings, Source Sans 3 body (sans only), large type for older readers. */
:root{
  --sns-plum:#1f2d3d;--sns-txt:#26364a;--sns-mut:#46566a;--sns-line:#bfe1f1;
  --sns-red2:#0b6b94;--sns-blush:#f2f9fd;--sns-aqua:#f2708c;--sns-aquaL:#fff3f6;
  --sns-hd:"Quicksand",system-ui,-apple-system,"Segoe UI",sans-serif;--sns-bd:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:18.5px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px;overflow-x:clip}
body{margin:0;background:#fcfeff;color:var(--sns-txt);font:400 1rem/1.72 var(--sns-bd);overflow-x:clip}
img,svg{max-width:100%}
img{height:auto;display:block}
a{color:var(--sns-plum);text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--sns-hd);color:var(--sns-plum);line-height:1.15;font-weight:800;letter-spacing:-.018em;overflow-wrap:break-word;margin:0}
h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin-bottom:.8rem}
h3{font-size:1.18rem;margin-bottom:.4rem;font-weight:700}
p{margin:0 0 1rem}
.sns-jump2{position:absolute;left:-999px;top:0;background:var(--sns-plum);color:#fff;padding:.6rem 1rem;z-index:99}
.sns-jump2:focus{left:8px}
.sns-wrap2{max-width:1200px;margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid var(--sns-plum);outline-offset:3px;border-radius:20px}
.sns-live2 .sns-rise{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.sns-live2 .sns-rise.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.sns-live2 .sns-rise{opacity:1;transform:none;transition:none}*{animation:none!important}}

/* header + "Where to?" panel */
.sns-topbar2{position:sticky;top:0;z-index:50;background:rgba(251,254,253,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--sns-line)}
.sns-row3{max-width:1320px;margin:0 auto;padding:11px 24px;display:flex;align-items:center;gap:18px}
.sns-brandmark{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.45rem/1 var(--sns-hd);color:var(--sns-plum);flex:none;letter-spacing:-.02em}
.sns-brandmark svg{width:34px;height:34px;flex:none}
.sns-brandmark b{color:var(--sns-red2)}
.sns-nav3{display:flex;gap:2px;margin-left:auto}
.sns-nav3 a{text-decoration:none;color:var(--sns-plum);font-weight:700;font-size:.97rem;padding:.5rem .8rem;border-radius:20px;white-space:nowrap}
.sns-nav3 a:hover{background:var(--sns-blush);color:var(--sns-plum)}
.sns-btnx{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;background:linear-gradient(180deg,#f2708c,#1f2d3d);color:#fff;font:800 1rem/1 var(--sns-bd);padding:.95rem 1.5rem;border-radius:20px;white-space:nowrap;border:0;cursor:pointer;box-shadow:0 12px 24px -14px rgba(31,45,61,.95),inset 0 -2px 0 rgba(0,0,0,.18);transition:transform .2s,filter .2s}
.sns-btnx:hover{transform:translateY(-2px);filter:brightness(1.06)}
.sns-btnx.lg{font-size:1.1rem;padding:1.1rem 2rem}
.sns-btnx.wide{display:flex;width:100%}
.sns-ghostx{display:inline-flex;align-items:center;font:800 1rem/1 var(--sns-bd);color:var(--sns-plum);text-decoration:none;padding:1rem 1.3rem;border-radius:20px;border:2px solid var(--sns-blush);background:#fff}
.sns-ghostx:hover{border-color:var(--sns-red2)}
.sns-row3>.sns-btnx{flex:none}
.sns-menubtn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--sns-line);cursor:pointer;background:#fff;color:var(--sns-plum);font:800 .95rem/1 var(--sns-bd);padding:.8rem 1.05rem;border-radius:20px}
.sns-menubtn i{display:grid;gap:4px;width:18px}
.sns-menubtn i::before,.sns-menubtn i::after{content:"";height:2.5px;border-radius:20px;background:currentColor}
.sns-megamenu{display:none;border-top:1px solid var(--sns-line);background:#fff;max-height:calc(100vh - 70px);overflow-y:auto}
.sns-megamenu[data-open]{display:block}
.sns-megamenu .in{max-width:1200px;margin:0 auto;padding:22px 24px 28px}
.sns-megamenu h3.where{font-size:1.5rem;margin-bottom:1rem}
.sns-megagrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.sns-megagrid h4{font-size:1rem;color:var(--sns-plum);margin-bottom:.4rem}
.sns-megagrid h4 small{font:600 .8rem var(--sns-bd);color:var(--sns-mut);margin-left:.4rem}
.sns-megagrid ul{list-style:none;padding:0;margin:0}
.sns-megagrid li a{display:block;padding:.28rem 0;text-decoration:none;color:var(--sns-plum);font-weight:700;font-size:.95rem}
.sns-megagrid li a:hover{color:var(--sns-red2)}
.sns-megamenu .sns-btnx{margin-top:16px}

/* hero */
.sns-headline{background:radial-gradient(800px 520px at 88% 10%,#ffdbe5,transparent 62%),linear-gradient(180deg,var(--sns-blush),#fcfeff);padding:44px 0 70px;position:relative;overflow:hidden}
.sns-twogrid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:start}
.sns-twogrid>*{min-width:0}
.sns-pill2{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--sns-plum);font-weight:800;padding:.45rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid var(--sns-line)}
.sns-pill2 svg{width:18px;height:18px}
.sns-headline h1{font-size:clamp(2rem,3.9vw,3rem);margin:.9rem 0 1rem;line-height:1.07}
.sns-headline h1 em{font-style:normal;color:var(--sns-red2)}
.sns-sub2{font-size:1.12rem;color:var(--sns-mut);margin-bottom:1.2rem}
.sns-ticks2{list-style:none;padding:0;margin:0 0 1.3rem;display:grid;gap:.55rem}
.sns-ticks2 li{position:relative;padding-left:2rem;font-weight:700;color:var(--sns-plum)}
.sns-ticks2 li::before{content:"";position:absolute;left:0;top:.28em;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--sns-red2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/62% no-repeat}
.sns-nums{list-style:none;padding:0;margin:0 0 1.4rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:lb}
.sns-nums li{background:#fff;border:1px solid var(--sns-line);border-radius:11px;padding:.95rem .6rem .8rem;text-align:center;position:relative;box-shadow:0 14px 30px -24px rgba(31,45,61,.7)}
.sns-nums li::before{counter-increment:lb;content:counter(lb);position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;background:var(--sns-red2);color:#fff;font:800 .8rem/24px var(--sns-hd)}
.sns-nums b{display:block;font:800 1.7rem/1.1 var(--sns-hd);color:var(--sns-plum)}
.sns-nums span{display:block;font-size:.84rem;line-height:1.3;color:var(--sns-mut)}
.sns-factbox{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 1.4rem;background:#fff;border:1px solid var(--sns-line);border-radius:11px;overflow:hidden;font-size:.95rem}
.sns-factbox caption{caption-side:top;text-align:left;font:800 1.05rem/1 var(--sns-hd);color:var(--sns-plum);padding:.9rem 1rem;background:var(--sns-blush);border-bottom:1px solid var(--sns-line)}
.sns-factbox th,.sns-factbox td{padding:.55rem 1rem;text-align:left;border-bottom:1px solid var(--sns-line);vertical-align:top}
.sns-factbox tr:last-child th,.sns-factbox tr:last-child td{border-bottom:0}
.sns-factbox th{width:36%;color:var(--sns-plum);font-weight:800}
.sns-factbox td{font-weight:700;color:var(--sns-plum)}
.sns-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sns-safe{display:flex;align-items:center;gap:.5rem;margin:.9rem 0 0;font-size:.92rem;color:var(--sns-mut);font-weight:700}
.sns-safe svg{width:18px;height:18px;flex:none;color:var(--sns-plum)}
.sns-hero4{position:relative;display:grid;place-items:center;padding:6px 0 0}
.sns-hero4>img{width:min(520px,100%);filter:drop-shadow(0 24px 22px rgba(31,45,61,.25));animation:sns-sticky2 6s ease-in-out infinite}
@keyframes sns-sticky2{50%{transform:translateY(-9px)}}
.sns-tags2{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 18px}
.sns-tagy{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:.4rem .9rem;font-weight:800;font-size:.88rem;color:var(--sns-plum)}
.sns-tagy i{color:var(--sns-red2);font-style:normal}
.sns-vizcard{background:#fff;border:1px solid var(--sns-line);border-radius:15px;padding:1.2rem 1rem 1rem;box-shadow:0 30px 60px -44px rgba(31,45,61,.7)}
.sns-vizcard h3{font:800 .85rem/1.2 var(--sns-hd);letter-spacing:.1em;text-transform:uppercase;color:var(--sns-plum);text-align:center;margin:0 0 .6rem}
.sns-orbit{width:100%;display:block}
.sns-orbit .ln{stroke:#f7b3c4;stroke-width:2;fill:none}
.sns-orbit .pulse{fill:var(--sns-red2);offset-rotate:0deg;animation:sns-pulse 3.2s linear infinite}
@keyframes sns-pulse{from{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}
.sns-orbit .hub{fill:var(--sns-red2)}
.sns-orbit .halo{fill:none;stroke:var(--sns-red2);stroke-width:1.4;stroke-dasharray:4 7;transform-box:fill-box;transform-origin:center;animation:sns-spin 24s linear infinite}
@keyframes sns-spin{to{transform:rotate(360deg)}}
.sns-orbit .pod{fill:var(--sns-blush);stroke:var(--sns-red2);stroke-width:1.6}
.sns-orbit .t1{font:800 14px var(--sns-hd);fill:var(--sns-plum)}
.sns-orbit .t2{font:700 11.5px var(--sns-bd);fill:var(--sns-plum)}
.sns-orbit .ct{font:800 14px var(--sns-hd);fill:#fff}
.sns-orbitlist{display:none;list-style:none;margin:.4rem 0 0;padding:0;gap:10px}
.sns-orbitlist li{border:1px solid var(--sns-line);border-radius:20px;padding:.7rem .9rem;background:var(--sns-blush)}
.sns-orbitlist b{display:block;font:800 1rem/1.2 var(--sns-hd);color:var(--sns-plum)}
.sns-orbitlist span{font-size:.92rem;color:var(--sns-plum)}
.sns-note5{font-size:.8rem;font-style:italic;color:var(--sns-mut);text-align:center;margin:.4rem 0 0}

/* sections */
.sns-zone{padding:84px 0}
.sns-soft2{background:var(--sns-blush)}
.sns-titlebox{max-width:760px;margin:0 0 2.2rem}
.sns-titlebox.mid{margin:0 auto 2.2rem;text-align:center}
.sns-titlebox p{color:var(--sns-mut);font-size:1.1rem;margin:0}
.sns-over{display:inline-block;font:800 .85rem/1 var(--sns-hd);color:var(--sns-red2);letter-spacing:.08em;margin-bottom:.6rem}
.sns-duo2{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.sns-duo2>*{min-width:0}
.sns-pic{border-radius:15px;background:#fff;box-shadow:0 30px 60px -40px rgba(31,45,61,.6)}
.sns-more2{font-weight:800;margin-top:1.2rem}
.sns-more2 a{text-decoration:none}
.sns-more2 a::after{content:" \2192"}
.sns-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:2rem}
.sns-kpis>div{background:#fff;border:1px solid var(--sns-line);border-radius:11px;padding:1rem;text-align:center}
.sns-kpis b{display:block;font:800 2rem/1.1 var(--sns-hd);color:var(--sns-red2)}
.sns-kpis span{font-size:.88rem;color:var(--sns-mut)}

/* trust */
.sns-trustrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sns-trustrow>div{background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.4rem 1rem;text-align:center}
.sns-trustrow img,.sns-trustrow svg.ic{width:88px;height:88px;margin:0 auto .8rem;object-fit:contain}
.sns-trustrow h3{margin-bottom:.3rem}
.sns-trustrow p{font-size:.92rem;color:var(--sns-mut);margin:0;line-height:1.5}
.sns-curve2{display:block;width:100%;height:56px}
.sns-stripe{background:linear-gradient(110deg,var(--sns-plum),var(--sns-red2));color:#ffe6ed;padding:46px 0}
.sns-stripe .sns-wrap2{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sns-stripe h2{color:#fff;font-size:clamp(1.5rem,2.8vw,2.1rem);margin:0 0 .3rem}
.sns-stripe p{margin:0;color:#f69cb0}
.sns-stripe a:not(.sns-btnx){color:#f597ac}

/* periodic table of ingredients */
.sns-grid6{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:1.6rem 0 1rem}
.sns-chip6{appearance:none;cursor:pointer;text-align:left;background:#fff;border:2px solid var(--sns-line);border-radius:20px;padding:.7rem .7rem .8rem;font-family:inherit;color:var(--sns-plum);transition:transform .2s,border-color .2s,background .2s;min-width:0}
.sns-chip6:hover{transform:translateY(-3px);border-color:var(--sns-red2)}
.sns-chip6[aria-selected="true"]{background:var(--sns-red2);border-color:var(--sns-red2);color:#fff;transform:translateY(-3px)}
.sns-chip6 small{display:block;font:800 .78rem var(--sns-hd);opacity:.8}
.sns-chip6 b{display:block;font:800 1.7rem/1.15 var(--sns-hd)}
.sns-chip6 span{display:block;font-size:.82rem;font-weight:700;line-height:1.2}
.sns-focus{background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.4rem;display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;align-items:center}
.sns-focus img{border-radius:20px;width:100%;aspect-ratio:1;object-fit:cover}
.sns-focus h3{font-size:1.4rem}
.sns-focus p{margin:0 0 .7rem;color:var(--sns-mut)}
.sns-focus[hidden]{display:none}
.sns-sixset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sns-sixcard{background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.2rem;display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:start}
.sns-sixcard img{border-radius:20px;width:84px;height:84px;object-fit:cover}
.sns-sixcard .sym{display:grid;place-items:center;width:84px;height:84px;border-radius:20px;background:var(--sns-blush);color:var(--sns-plum);font:800 1.6rem var(--sns-hd)}
.sns-sixcard h3{font-size:1.05rem;margin-bottom:.2rem}
.sns-sixcard p{font-size:.92rem;color:var(--sns-mut);margin:0}

/* benefits / cards */
.sns-cardrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:bn}
.sns-cardx2{background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.4rem 1.2rem}
.sns-cardx2::before{counter-increment:bn;content:counter(bn);display:grid;place-items:center;width:42px;height:42px;border-radius:20px;background:var(--sns-red2);color:#fff;font:800 1.15rem/1 var(--sns-hd);margin-bottom:.8rem}
.sns-cardx2 p{margin:0;color:var(--sns-mut);font-size:.96rem}
.sns-tiles4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sns-tile4{background:#fff;border:1px solid var(--sns-line);border-radius:11px;padding:1.3rem 1.2rem}
.sns-tile4 h3{margin-bottom:.35rem}
.sns-tile4 p{font-size:.95rem;color:var(--sns-mut);margin:0 0 .6rem}

/* habit planner */
.sns-planr{background:#fff;border:1px solid var(--sns-line);border-radius:15px;padding:1.5rem;box-shadow:0 30px 60px -44px rgba(31,45,61,.6)}
.sns-planr h3{font-size:1.3rem}
.sns-planr>p{color:var(--sns-mut);font-size:.95rem}
.sns-when{display:flex;flex-wrap:wrap;gap:8px;margin:.8rem 0}
.sns-whenb{appearance:none;cursor:pointer;border:2px solid var(--sns-line);background:#fff;border-radius:20px;padding:.5rem 1rem;font:800 .92rem var(--sns-bd);color:var(--sns-plum)}
.sns-whenb[aria-pressed="true"]{background:var(--sns-red2);border-color:var(--sns-red2);color:#fff}
.sns-line3{background:var(--sns-blush);border-radius:20px;padding:.9rem 1.1rem;font-weight:700;color:var(--sns-plum);margin:.4rem 0 1rem}
.sns-line3 b{color:var(--sns-plum)}
.sns-daysrow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.sns-daysbtn{appearance:none;cursor:pointer;border:2px solid var(--sns-line);background:#fff;border-radius:20px;padding:.7rem 0;font:800 1rem var(--sns-hd);color:var(--sns-mut)}
.sns-daysbtn[aria-pressed="true"]{background:var(--sns-aqua);border-color:var(--sns-aqua);color:#fff}
.sns-planr .hint{font-size:.85rem;color:var(--sns-mut);margin:.7rem 0 0}
.sns-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:lf}
.sns-flow>li{background:#fff;border:1px solid var(--sns-line);border-radius:11px;padding:1.3rem 1.1rem}
.sns-flow>li::before{counter-increment:lf;content:counter(lf);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--sns-plum);color:#fff;font:800 1.1rem/1 var(--sns-hd);margin-bottom:.8rem}
.sns-flow p{margin:0;color:var(--sns-mut);font-size:.96rem}

/* bundles */
.sns-deals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.sns-deal{background:#fff;border:1px solid var(--sns-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;text-align:center;position:relative;box-shadow:0 26px 50px -40px rgba(31,45,61,.7)}
.sns-deal .band{background:var(--sns-blush);font:800 .92rem/1 var(--sns-hd);color:var(--sns-plum);padding:.9rem .6rem}
.sns-deal .body{padding:1.2rem 1.2rem 1.4rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.sns-deal h3{font-size:1.6rem;margin:0}
.sns-deal .days{color:var(--sns-mut);font-weight:700;margin:0}
.sns-deal img{width:min(300px,90%);margin:.3rem auto;aspect-ratio:4/3;object-fit:contain}
.sns-deal .each{font:800 3rem/1 var(--sns-hd);color:var(--sns-plum)}
.sns-deal .each small{font:700 1rem/1 var(--sns-bd);color:var(--sns-mut)}
.sns-deal ul{list-style:none;padding:0;margin:.4rem 0;display:grid;gap:.35rem;text-align:left;font-weight:700;color:var(--sns-plum);font-size:.94rem}
.sns-deal li{position:relative;padding-left:1.6rem}
.sns-deal li::before{content:"\2713";position:absolute;left:0;color:var(--sns-red2);font-weight:800}
.sns-deal .save{background:var(--sns-aquaL);color:#7a4a08;font:800 .85rem/1 var(--sns-hd);padding:.55rem .8rem;border-radius:20px;align-self:center}
.sns-deal .tot{font-weight:800;color:var(--sns-plum);margin:.4rem 0 .2rem}
.sns-deal .tot s{color:var(--sns-mut);font-weight:700;margin-right:.3rem}
.sns-deal .ship{font-size:.92rem;margin:0 0 .8rem;font-weight:800;color:var(--sns-mut)}
.sns-deal .ship.free{color:#7a4a08}
.sns-deal .sns-btnx{margin-top:auto}
.sns-deal.best{border:2px solid var(--sns-red2);box-shadow:0 0 0 6px rgba(22,150,201,.12),0 40px 70px -40px rgba(31,45,61,.8);transform:scale(1.03);z-index:1}
.sns-deal.best .band{background:var(--sns-red2);color:#fff}
.sns-small4{font-size:.9rem;color:var(--sns-mut);text-align:center;margin:1.4rem auto 0;max-width:760px}
.sns-perday2{margin:46px auto 0;max-width:820px;background:#fff;border:1px solid var(--sns-line);border-radius:15px;padding:1.4rem}
.sns-perday2 h3{font-size:1.15rem;margin-bottom:.8rem;text-align:center}
.sns-tinybar{display:flex;justify-content:center;align-items:flex-end;gap:clamp(14px,5vw,56px)}
.sns-tinybar .it{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.sns-tinybar .c{display:grid;place-items:center;border-radius:50%;color:#fff;font:800 1.4rem var(--sns-hd);width:calc(var(--r)*1px);height:calc(var(--r)*1px);transform:scale(0);transition:transform 1s cubic-bezier(.2,.9,.3,1.2);transition-delay:var(--d,0s);margin-bottom:.6rem}
.sns-perday2.is-in .c{transform:scale(1)}
.sns-tinybar b{font:800 1rem var(--sns-hd);color:var(--sns-plum)}
.sns-tinybar small{font-size:.85rem;color:var(--sns-mut)}
@media (max-width:640px){.sns-tinybar .c{width:calc(var(--r)*.62px);height:calc(var(--r)*.62px);font-size:1rem}}

/* guarantee */
.sns-vow{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.sns-vow>*{min-width:0}
.sns-dial2{position:relative;display:grid;place-items:center}
.sns-dial2 svg{width:100%;max-width:300px;display:block}
.sns-dial2 .bg{fill:none;stroke:var(--sns-line);stroke-width:14}
.sns-dial2 .run{fill:none;stroke:var(--sns-red2);stroke-width:14;stroke-linecap:round;transform:rotate(-90deg);transform-origin:150px 150px;stroke-dasharray:754;stroke-dashoffset:754;transition:stroke-dashoffset 2.2s ease-out}
.sns-dial2.is-in .run{stroke-dashoffset:0}
.sns-dial2 img{position:absolute;width:52%}
.sns-dots2{list-style:none;padding:0;margin:1rem 0 1.4rem;display:grid;gap:.5rem}
.sns-dots2 li{position:relative;padding-left:1.7rem;font-weight:700;color:var(--sns-plum)}
.sns-dots2 li::before{content:"\2713";position:absolute;left:0;color:var(--sns-red2);font-weight:800}
.sns-shipx{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px;background:var(--sns-plum);color:#ffe6ed;border-radius:11px;padding:1rem 1.4rem;font-weight:800;text-align:center}
.sns-shipx svg{width:34px;height:34px;color:#f58fa7;flex:none}
.sns-narr{max-width:820px;margin:0 auto}
.sns-narr p{font-size:1.08rem}
.sns-quote2{margin:1.6rem 0;padding:1.2rem 1.4rem;border-left:5px solid var(--sns-red2);background:#fff;border-radius:0 16px 16px 0;font:800 1.2rem/1.5 var(--sns-hd);color:var(--sns-plum)}

/* reviews + petals */
.sns-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sns-story{background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.4rem;display:flex;flex-direction:column;gap:.7rem}
.sns-story header{display:flex;gap:.9rem;align-items:center}
.sns-avatar{width:56px;height:56px;border-radius:50%;background:var(--sns-blush);color:var(--sns-plum);display:grid;place-items:center;font:800 1.15rem var(--sns-hd);flex:none}
.sns-story h3{margin:0;font-size:1.1rem}
.sns-story .who{margin:0;font-size:.85rem;color:var(--sns-plum);font-weight:800}
.sns-stars3{color:#0b6b94;letter-spacing:.1em;margin:0;font-size:1.1rem}
.sns-story blockquote{margin:0;font-size:1rem}
.sns-rater{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;align-items:center;margin-top:46px;background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.6rem}
.sns-rater>*{min-width:0}
.sns-petalx{width:100%;max-width:300px;display:block;margin:0 auto}
.sns-petalx .p{transform-box:fill-box;transform-origin:center bottom;transform:scale(0);transition:transform .9s cubic-bezier(.2,.9,.3,1.2);transition-delay:var(--d,0s)}
.sns-rater.is-in .sns-petalx .p{transform:scale(1)}
.sns-petalx text{font:800 12px var(--sns-hd);fill:var(--sns-plum)}
.sns-petalx .big{font:800 30px var(--sns-hd);fill:#fff}
.sns-scores3{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.5rem}
.sns-scores3 li{display:flex;justify-content:space-between;gap:12px;font-weight:700;color:var(--sns-plum);border-bottom:1px dashed var(--sns-line);padding-bottom:.35rem}
.sns-scores3 b{color:var(--sns-plum)}
.sns-avgbar{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;background:var(--sns-plum);color:#ffe6ed;border-radius:20px;padding:1.3rem 1.6rem}
.sns-avgbar b{font:800 3.2rem/1 var(--sns-hd);color:#f58fa7}
.sns-avgbar p{margin:0;max-width:30rem}
.sns-avgbar .sns-stars3{color:#bfe1f1}

/* journal + faq */
.sns-postrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sns-post{background:#fff;border:1px solid var(--sns-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.sns-post .top{background:linear-gradient(135deg,var(--sns-red2),var(--sns-red2));color:#fff;padding:1.5rem 1.2rem;font:800 .85rem/1.2 var(--sns-hd);letter-spacing:.08em;text-transform:uppercase}
.sns-post .tx{padding:1.1rem 1.2rem 1.3rem}
.sns-post .when{font-size:.82rem;color:var(--sns-mut);font-weight:800}
.sns-post h3{margin:.3rem 0 .4rem}
.sns-post h3 a{text-decoration:none;color:var(--sns-plum)}
.sns-post p{font-size:.95rem;color:var(--sns-mut);margin:0}
.sns-faqx{max-width:900px;margin:0 auto}
.sns-faqx details{background:#fff;border:1px solid var(--sns-line);border-radius:20px;margin-bottom:10px}
.sns-faqx summary{cursor:pointer;list-style:none;font:800 1.06rem/1.35 var(--sns-hd);color:var(--sns-plum);padding:1.05rem 3.4rem 1.05rem 1.3rem;position:relative}
.sns-faqx summary::-webkit-details-marker{display:none}
.sns-faqx summary::after{content:"";position:absolute;right:1.3rem;top:50%;width:11px;height:11px;margin-top:-8px;border-right:3px solid var(--sns-red2);border-bottom:3px solid var(--sns-red2);transform:rotate(45deg);transition:transform .3s,margin .3s}
.sns-faqx details[open] summary::after{transform:rotate(-135deg);margin-top:-3px}
.sns-faqx details>div{padding:0 1.3rem 1.1rem;color:var(--sns-mut)}
.sns-faqx details>div p:last-child{margin:0}
.sns-endcap{background:linear-gradient(120deg,var(--sns-blush),#ffdbe5);padding:84px 0}
.sns-endgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.sns-endgrid>*{min-width:0}
.sns-endgrid h2{font-size:clamp(2rem,3.8vw,3rem)}
.sns-endgrid ul{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}
.sns-endgrid li{font-weight:800;color:var(--sns-plum);position:relative;padding-left:1.6rem}
.sns-endgrid li::before{content:"\2713";position:absolute;left:0;color:var(--sns-red2);font-weight:800}
.sns-endgrid img{width:min(480px,100%);margin:0 auto;filter:drop-shadow(0 24px 22px rgba(31,45,61,.28))}
.sns-sources2{max-width:860px;margin:0 auto;padding:0;list-style:none;display:grid;gap:.7rem}
.sns-sources2 li{background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:.8rem 1.1rem;font-size:.96rem}
.sns-sources2 a{font-weight:800}

/* footer + sticky */
.sns-base2{background:var(--sns-plum);color:#f594a9;padding:64px 0 120px;font-size:.95rem}
.sns-cols4{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:30px}
.sns-cols4>*{min-width:0}
.sns-base2 h4{color:#fff;font-size:1.02rem;margin:0 0 .8rem}
.sns-base2 ul{list-style:none;padding:0;margin:0}
.sns-base2 li{padding:.2rem 0}
.sns-base2 a{color:#f597ac;text-decoration:none}
.sns-base2 a:hover{color:#fff;text-decoration:underline}
.sns-base2 .sns-brandmark{color:#fff;margin-bottom:.9rem}
.sns-base2 .sns-brandmark b{color:#f58fa7}
.sns-tiny{margin-top:40px;padding-top:24px;border-top:1px solid #ffd23f;font-size:.88rem;line-height:1.6}
.sns-sticky2{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:.45rem .5rem .45rem 1.2rem;box-shadow:0 20px 44px -18px rgba(31,45,61,.6);transform:translateY(160%);transition:transform .35s}
.sns-sticky2[data-up]{transform:none}
.sns-sticky2[data-hide]{transform:translateY(160%)}
.sns-sticky2 b{display:block;font:800 1rem/1.15 var(--sns-hd);color:var(--sns-plum)}
.sns-sticky2 small{color:var(--sns-mut);font-size:.82rem}
.sns-sticky2 .sns-btnx{padding:.85rem 1.2rem}

/* inner pages */
.sns-head5{padding:50px 0 40px;background:linear-gradient(180deg,var(--sns-blush),#fcfeff)}
.sns-trail{font-size:.9rem;color:var(--sns-mut);margin-bottom:.8rem}
.sns-trail a{color:var(--sns-mut)}
.sns-head5 h1{font-size:clamp(2rem,4vw,2.9rem);margin:0 0 .6rem}
.sns-head5 .sub{font-size:1.12rem;color:var(--sns-mut);margin:0;max-width:760px}
.sns-body2{max-width:780px}
.sns-body2 h2{font-size:1.6rem;margin:2rem 0 .6rem}
.sns-body2 h2:first-child{margin-top:0}
.sns-body2 ul,.sns-body2 ol{padding-left:1.3rem}
.sns-body2 li{margin-bottom:.45rem}
.sns-split3{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.sns-split3>*{min-width:0}
.sns-side3{position:sticky;top:96px;background:var(--sns-blush);border:1px solid var(--sns-line);border-radius:20px;padding:1.3rem}
.sns-side3 h4{margin:0 0 .6rem;font-size:1.05rem}
.sns-side3 p{font-size:.92rem}
.sns-step3{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;margin-bottom:18px}
.sns-step3 b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--sns-red2);color:#fff;font:800 1.15rem/1 var(--sns-hd)}
.sns-step3 h3{margin:0 0 .2rem}
.sns-step3 p{margin:0}
.sns-item2{display:grid;grid-template-columns:200px minmax(0,1fr);gap:26px;align-items:center;background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.3rem;margin-bottom:20px}
.sns-item2 img{border-radius:20px;width:100%;aspect-ratio:1;object-fit:cover}
.sns-item2 .sym{display:grid;place-items:center;aspect-ratio:1;border-radius:20px;background:var(--sns-blush);color:var(--sns-plum);font:800 3rem var(--sns-hd)}
.sns-item2 h2{font-size:1.45rem;margin:0 0 .5rem}
.sns-item2 p{margin:0 0 .6rem}
.sns-chartx{margin:1.8rem 0;background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.2rem 1.2rem 1rem}
.sns-chartx h3{font:800 .8rem/1.2 var(--sns-hd);letter-spacing:.1em;text-transform:uppercase;color:var(--sns-plum);margin:0 0 .8rem;text-align:center}
.sns-chartx svg{width:100%;display:block}
.sns-chartx .cap{font-size:.8rem;font-style:italic;color:var(--sns-mut);text-align:center;margin:.5rem 0 0}
.sns-chartx .bar{fill:var(--sns-red2);transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.sns-chartx.is-in .bar{transform:none}
.sns-chartx .axis{stroke:#f9bfce;stroke-width:1.2}
.sns-chartx text{font:700 12px var(--sns-hd);fill:var(--sns-plum)}
.sns-chartx .val{fill:var(--sns-plum);font-weight:800}
.sns-chartx .draw{fill:none;stroke:var(--sns-red2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len,900);stroke-dashoffset:var(--len,900);transition:stroke-dashoffset 2.2s ease-out}
.sns-chartx.is-in .draw{stroke-dashoffset:0}
.sns-chartx .dot{fill:#fff3f6;stroke:#f9bfce;stroke-width:1.2;transition:fill .4s;transition-delay:var(--d,0s)}
.sns-chartx.is-in .dot.on{fill:var(--sns-red2)}
.sns-chartx .pt{fill:var(--sns-red2);opacity:0;transition:opacity .4s;transition-delay:var(--d,0s)}
.sns-chartx.is-in .pt{opacity:1}
.sns-chartx .hi{opacity:0;transition:opacity .5s;transition-delay:var(--d,0s)}
.sns-chartx.is-in .hi{opacity:1}
.sns-article3 h2{font-size:1.6rem;margin:2rem 0 .6rem}
.sns-article3 p{font-size:1.05rem}
.sns-article3 ul{padding-left:1.3rem}
.sns-article3 .hb{margin-top:2rem;padding:1.2rem 1.4rem;background:var(--sns-blush);border-radius:11px;border:1px solid var(--sns-line)}
.sns-body2 a,.sns-article3 a,.sns-zone p a,.sns-faqx a,.sns-deal li a,.sns-ticks2 a,.sns-narr a{text-decoration:underline;text-decoration-thickness:1px}

@media (max-width:1500px){.sns-nav3{display:none}.sns-menubtn{margin-left:auto}}
@media (max-width:1020px){
  .sns-twogrid,.sns-duo2,.sns-vow,.sns-endgrid{grid-template-columns:minmax(0,1fr);gap:34px}
  .sns-trustrow,.sns-kpis,.sns-cardrow,.sns-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sns-grid6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sns-deals{grid-template-columns:minmax(0,1fr);max-width:460px;margin:0 auto}
  .sns-deal.best{transform:none}
  .sns-sixset,.sns-stories,.sns-postrow,.sns-tiles4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sns-split3{grid-template-columns:minmax(0,1fr)}
  .sns-side3{position:static}
  .sns-cols4{grid-template-columns:1fr 1fr}
  .sns-megagrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sns-rater{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  html{font-size:17.5px}
  .sns-wrap2,.sns-row3{padding-left:16px;padding-right:16px}
  .sns-zone{padding:60px 0}
  .sns-row3>.sns-btnx{display:none}
  .sns-brandmark{font-size:1.25rem}
  .sns-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .sns-sixset,.sns-stories,.sns-postrow,.sns-tiles4,.sns-cardrow,.sns-flow,.sns-cols4,.sns-endgrid ul,.sns-megagrid{grid-template-columns:minmax(0,1fr)}
  .sns-grid6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sns-trustrow,.sns-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .sns-ctas .sns-btnx,.sns-ctas .sns-ghostx{width:100%;justify-content:center}
  .sns-btnx,.sns-ghostx{white-space:normal;text-align:center;max-width:100%}
  .sns-btnx.lg{padding:1rem 1.2rem}
  .sns-stripe .sns-btnx{width:100%}
  .sns-focus{grid-template-columns:minmax(0,1fr)}
  .sns-focus img{max-width:200px}
  .sns-item2{grid-template-columns:minmax(0,1fr)}
  .sns-item2 img,.sns-item2 .sym{max-width:200px}
  .sns-orbit{display:none}.sns-orbitlist{display:grid}
  .sns-sticky2{left:12px;right:12px;bottom:12px;justify-content:space-between}
  .sns-base2{padding-bottom:110px}
  .sns-daysrow{gap:5px}
}

/* extras */
.sns-hero4>img{width:min(420px,100%);height:auto}
.sns-deal img{width:min(260px,82%);aspect-ratio:auto;object-fit:contain}
.sns-chip6 small{letter-spacing:.04em}
.sns-icon3{display:grid;place-items:center;background:linear-gradient(135deg,#fff3f6,#fff 70%);border:1px solid var(--sns-line);border-radius:20px}
.sns-icon3 svg{width:62%;height:62%}
.sns-focus .sns-icon3{width:100%;aspect-ratio:1}
.sns-sixcard{grid-template-columns:84px minmax(0,1fr)}
.sns-sixcard .sns-icon3{width:84px;height:84px}
.sns-item2 .sns-icon3{aspect-ratio:1;width:100%}
.sns-perday2{margin:46px auto 0;max-width:820px;background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.4rem}
.sns-perday2 h3{font-size:1.15rem;margin-bottom:.9rem;text-align:center}
.sns-costlist{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sns-costlist li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;font-weight:700;color:var(--sns-plum)}
.sns-costlist li>span:last-child{height:36px;background:#fff3f6;border-radius:20px;overflow:hidden}
.sns-costlist u{display:flex;align-items:center;justify-content:flex-end;padding-right:10px;height:100%;width:0;text-decoration:none;font-weight:800;color:#fff;background:linear-gradient(90deg,#f2708c,#0b6b94);border-radius:20px;transition:width 1.3s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.sns-perday2.is-in .sns-costlist u{width:var(--w)}
.sns-costlist li.top u{background:linear-gradient(90deg,#ffd23f,#1696c9)}
.sns-dots3{list-style:none;padding:0;margin:1rem auto 0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;max-width:520px}
.sns-dots3 li{aspect-ratio:1;border-radius:46% 46% 52% 52%;background:radial-gradient(circle at 35% 30%,#f58fa7,#0b6b94 62%,#1f2d3d);opacity:0;transform:translateY(-14px) scale(.5);transition:opacity .4s,transform .4s;transition-delay:calc(var(--i)*35ms)}
.sns-month.is-in .sns-dots3 li{opacity:1;transform:none}
.sns-month{margin:46px auto 0;max-width:760px;text-align:center}
.sns-month h3{font-size:1.15rem}
.sns-pay{width:min(300px,80%);margin:.9rem auto 0}
.sns-notice{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--sns-line);border-left:6px solid var(--sns-aqua);border-radius:20px;padding:1.3rem 1.5rem}
.sns-notice h3{margin-bottom:.4rem}
.sns-notice p:last-child{margin:0}
.sns-story .sns-avatar{background:none;overflow:hidden;padding:0}
.sns-story .sns-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
@media (max-width:640px){.sns-costlist li{grid-template-columns:minmax(0,1fr);gap:5px}.sns-dots3{gap:6px}}

/* NeuroSharp extras */
.sns-seal3{display:grid;place-items:center;text-align:center;width:min(230px,70%);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#1696c9 0,#1f2d3d 70%);color:#bfe1f1;border:8px double #0b6b94;box-shadow:0 20px 40px -22px rgba(31,45,61,.8)}
.sns-seal3 b{display:block;font:700 4.2rem/1 var(--sns-hd)}
.sns-seal3 span{display:block;font:700 .8rem/1.3 var(--sns-hd);letter-spacing:.1em;text-transform:uppercase;color:#e3f2fa}
.sns-dial2 .sns-seal3{position:absolute;width:56%}
.sns-sideimg{border-radius:20px;background:#fff;border:1px solid var(--sns-line);padding:1rem;width:100%}
.sns-warn3{background:#fff7e6;border:1px solid #f1d9a0;border-left:6px solid #0b6b94;border-radius:20px;padding:1rem 1.2rem;margin:1.2rem 0}
.sns-warn3 h3{margin:0 0 .3rem;font-size:1.05rem}
.sns-warn3 p:last-child{margin:0}
.sns-sixcard .sns-icon3{width:84px;height:84px}
.sns-icon3{overflow:hidden}
.sns-icon3 img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.sns-item2 .sns-icon3{aspect-ratio:1;width:100%}
.sns-focus .sns-icon3{aspect-ratio:1;width:100%}
.sns-sixcard .sns-icon3{width:84px;height:84px}

.sns-chip6 span{overflow-wrap:anywhere;font-size:.76rem}
.sns-chip6 b{font-size:1.5rem}
@media (max-width:1020px){.sns-grid6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.sns-grid6{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* VapoFil extras */
.sns-hero4>img{width:min(380px,100%)}
.sns-icon3{overflow:hidden}
.sns-icon3 img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.sns-icon3{display:grid;place-items:center;background:linear-gradient(135deg,#fff3f6,#fff 70%);border:1px solid var(--sns-line);border-radius:20px}
.sns-icon3 svg{width:62%;height:62%}
.sns-dose{margin:46px auto 0;max-width:860px;background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.5rem}
.sns-dose h3{font-size:1.2rem;margin-bottom:.2rem}
.sns-dose>p{color:var(--sns-mut);font-size:.95rem;margin:0 0 1rem}
.sns-dose ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.sns-dose li{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:14px;align-items:center;font-weight:600;font-size:.93rem;color:var(--sns-plum);line-height:1.3}
.sns-dose li>span:last-child{height:30px;background:#fff3f6;border-radius:20px;overflow:hidden}
.sns-dose u{display:flex;align-items:center;justify-content:flex-end;padding-right:9px;height:100%;width:0;text-decoration:none;font-weight:700;color:#fff;background:linear-gradient(90deg,#0b6b94,#0b6b94);border-radius:20px;transition:width 1.3s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.sns-dose.is-in u{width:var(--w)}
.sns-dose .sns-note5{margin-top:.9rem}
.sns-pay{width:min(300px,80%);margin:.9rem auto 0}
@media (max-width:640px){.sns-dose li{grid-template-columns:minmax(0,1fr);gap:4px}}
.sns-label{max-width:430px;margin:0 auto;background:#fff;border:3px solid #000;padding:12px 14px;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:14.5px;line-height:1.35}
.sns-label h3{font:900 1.8rem/1 Arial,Helvetica,sans-serif;margin:0 0 4px;color:#000;letter-spacing:0;border-bottom:1px solid #000;padding-bottom:4px}
.sns-label .sv{border-bottom:8px solid #000;padding:4px 0 6px;margin-bottom:2px}
.sns-label table{width:100%;border-collapse:collapse}
.sns-label th,.sns-label td{padding:5px 0;border-bottom:1px solid #000;text-align:left;font-weight:400;vertical-align:top}
.sns-label thead th{font-weight:700;border-bottom:4px solid #000;font-size:12.5px}
.sns-label td:nth-child(2),.sns-label th:nth-child(2),.sns-label td:last-child,.sns-label th:last-child{text-align:right;padding-left:8px;white-space:nowrap}
.sns-label .fn{font-size:12px;margin-top:8px}
.sns-labimg{border-radius:20px;border:1px solid var(--sns-line);background:#0b0f1a;width:100%}

/* RetinaClear extras */
.sns-grid6{grid-template-columns:repeat(3,minmax(0,1fr))}
.sns-chip6 span{font-size:.72rem}
@media (max-width:1020px){.sns-grid6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.sns-grid6{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sns-hero4>img{width:min(360px,100%)}
.sns-donutrow{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;align-items:center}
.sns-ring4{width:200px;height:200px;display:block}
.sns-ring4 .seg{fill:none;stroke-width:26;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1)}
.sns-ring4 .s1{stroke:#0b6b94}.sns-ring4 .s2{stroke:#0b6b94}
.sns-ring4 text{font:700 38px var(--sns-hd);fill:#1f2d3d}
.sns-ring4 .t2{font:600 12px var(--sns-bd);fill:#687a8f}
.sns-donutx.is-in .seg{stroke-dashoffset:var(--o) !important}
.sns-donutx h3{font-size:1.2rem;margin-bottom:.8rem}
.sns-donutx{margin:46px auto 0;max-width:860px;background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.5rem}
.sns-donutkey span{background:none;height:auto;overflow:visible}
.sns-donutrow .sns-donutkey li{font-size:.95rem;line-height:1.4}
.sns-donutkey{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.sns-donutkey li{display:flex;gap:.6rem;align-items:flex-start;font-weight:600;color:var(--sns-plum)}
.sns-donutkey i{width:14px;height:14px;border-radius:20px;margin-top:.35em;flex:none}
@media (max-width:640px){.sns-donutrow{grid-template-columns:minmax(0,1fr);justify-items:center}}
.sns-urgent{background:#fff7e6;border:2px solid #0b6b94;border-radius:20px;padding:1.4rem 1.5rem;max-width:1000px;margin:0 auto}
.sns-urgent h2{font-size:1.5rem;margin:0 0 .5rem}
.sns-urgent ul{list-style:none;margin:.8rem 0 1rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.4rem}
.sns-urgent li{font-size:.96rem;line-height:1.45}
.sns-urgent li b{display:block;color:#7a4a08}
@media (max-width:760px){.sns-urgent ul{grid-template-columns:minmax(0,1fr)}}
.sns-sfx{max-width:430px;margin:0 auto}
.sns-factbox th,.sns-factbox td{overflow-wrap:anywhere;word-break:normal}

/* mobile fix: benefits grid has an inline 3-column style */
@media (max-width:900px){.sns-cardrow{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:560px){.sns-cardrow{grid-template-columns:minmax(0,1fr) !important}}

.sns-urgent{border-color:#f2708c !important;background:#f2f9fd !important}
.sns-urgent li b{color:#1f2d3d !important}
.sns-ring4 .s3{stroke:#1f2d3d}
.sns-notice h3{color:#1f2d3d}
.sns-grid6{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1020px){.sns-grid6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.sns-grid6{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sns-grid6 .sns-chip6 span{overflow-wrap:anywhere}
.sns-factbox th{overflow-wrap:normal;word-break:normal;hyphens:none;width:36%}
@media (max-width:640px){.sns-factbox th,.sns-factbox td{font-size:.9rem}}

/* large type for older readers */
html{font-size:112.5%}
body{font-size:1.08rem;line-height:1.75}
.sns-btnx,.sns-btn3{min-height:54px}
.sns-faqx summary{font-size:1.2rem;padding:1.15rem 1.3rem}
.sns-nav3 a,.sns-navlinks3 a{font-size:1.02rem}
.sns-ticks2 li,.sns-ticklist li{font-size:1.12rem}
@media (max-width:640px){html{font-size:106.25%}}
.sns-ring4 .s3{stroke:#1f2d3d}

.sns-cardrow{}
.sns-deals4{}
@media (max-width:1100px){.sns-deals4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:640px){.sns-deals4{grid-template-columns:minmax(0,1fr) !important}}
.sns-deals4 .sns-deal{transform:none !important}
.sns-deals4 .sns-deal .each{font-size:1.5rem}
.sns-deals4 .sns-deal img{max-height:230px;width:auto;max-width:100%;object-fit:contain}
.sns-ring4 .s3{stroke:#1f2d3d}
.sns-chartx{}

.sns-seal60{display:grid;place-items:center;text-align:center;width:min(210px,70%);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#1696c9 0,#1f2d3d 72%);color:#f58fa7;border:8px double #f2708c;box-shadow:0 20px 40px -22px rgba(31,45,61,.8)}
.sns-seal60 b{display:block;font:800 4rem/1 var(--sns-hd)}
.sns-seal60 span{display:block;font:700 .78rem/1.25 var(--sns-hd);letter-spacing:.1em;text-transform:uppercase;color:#ffdbe5}
.sns-clock3 .sns-seal60,.sns-dial2 .sns-seal60{position:absolute;width:56%}
.sns-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:1.6rem 0}
.sns-groups>div{background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.3rem 1.2rem}
.sns-groups h3{margin:0 0 .4rem;font-size:1.2rem}
@media (max-width:760px){.sns-groups{grid-template-columns:minmax(0,1fr)}}

.sns-grid6{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1020px){.sns-grid6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.sns-grid6{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sns-ring4 .s3{stroke:#1f2d3d}
.sns-label table{width:100%;table-layout:fixed}
.sns-label td,.sns-label th{overflow-wrap:anywhere;word-break:normal;white-space:normal !important}
.sns-label td:nth-child(2),.sns-label td:last-child{white-space:normal !important}

.sns-label td[colspan]{white-space:normal !important;text-align:left !important;padding-left:0 !important}
.sns-label table{width:100%;table-layout:fixed}
.sns-label td,.sns-label th{overflow-wrap:anywhere;word-break:normal;white-space:normal !important}
.sns-bonus2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.sns-bonus2>article{background:#fff;border:1px solid var(--sns-blush);border-radius:20px;padding:1.4rem;display:grid;grid-template-columns:150px 1fr;gap:1.2rem;align-items:center;box-shadow:0 18px 34px -28px rgba(22,150,201,.5)}
.sns-bonus2 img{width:100%;height:auto;border-radius:20px}
.sns-bonus2 h3{margin:.2rem 0 .4rem;font-size:1.25rem}
.sns-bonus2 .free{display:inline-block;background:var(--sns-red2);color:#fff;font:700 .78rem/1 var(--sns-hd);letter-spacing:.1em;padding:.4rem .7rem;border-radius:999px;text-transform:uppercase}
@media (max-width:720px){.sns-bonus2{grid-template-columns:1fr}.sns-bonus2>article{grid-template-columns:100px 1fr}}
.sns-hatch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:.8rem 0}
.sns-hatch i{display:block;border-radius:20px;min-height:64px;background:repeating-linear-gradient(135deg,var(--sns-blush) 0 7px,#fff 7px 14px);border:1px solid #b9cbe0;font:700 .72rem/1.2 var(--sns-hd);color:var(--sns-red2);display:grid;place-items:center;text-align:center;padding:.3rem;font-style:normal}
.sns-hatch i.known{background:var(--sns-aqua,#f2708c);border-color:var(--sns-aqua,#f2708c);color:#fff}
@media (max-width:720px){.sns-hatch{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sns-seal60{display:grid;place-items:center;text-align:center;width:min(210px,70%);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#1696c9 0,#1f2d3d 72%);color:#fff3c4;border:8px double #f2708c;box-shadow:0 20px 40px -22px rgba(31,45,61,.8)}
.sns-seal60 b{display:block;font:800 4rem/1 var(--sns-hd)}
.sns-seal60 span{display:block;font:700 .78rem/1.25 var(--sns-hd);letter-spacing:.1em;text-transform:uppercase;color:#e3f2fa}
.sns-dial2 .sns-seal60{position:absolute;width:56%}

.sns-mgbar{display:flex;height:46px;border-radius:20px;overflow:hidden;margin:.8rem 0;border:1px solid var(--sns-line)}
.sns-mgbar i{display:block;height:100%;transform-origin:left;animation:ovbgrow .9s ease both}
@keyframes ovbgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sns-mgkey{list-style:none;margin:.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .9rem}
.sns-mgkey li{display:flex;gap:.5rem;align-items:flex-start;font-size:.98rem}
.sns-mgkey li i{flex:0 0 14px;height:14px;border-radius:20px;margin-top:.32rem}
@media (max-width:720px){.sns-mgkey{grid-template-columns:1fr}}

.sns-hatch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:.8rem 0}
.sns-hatch i{display:grid;place-items:center;text-align:center;min-height:68px;border-radius:20px;border:1px solid #b5d8ea;background:repeating-linear-gradient(135deg,var(--sns-blush) 0 7px,#fff 7px 14px);font:700 .72rem/1.2 var(--sns-hd);color:var(--sns-red2);padding:.3rem;font-style:normal}
@media (max-width:820px){.sns-hatch{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sns-seal60{display:grid;place-items:center;text-align:center;width:min(210px,70%);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#1696c9 0,#1f2d3d 72%);color:#f7b3c4;border:8px double #f2708c;box-shadow:0 20px 40px -22px rgba(31,45,61,.8)}
.sns-seal60 b{display:block;font:800 4rem/1 var(--sns-hd)}
.sns-seal60 span{display:block;font:700 .78rem/1.25 var(--sns-hd);letter-spacing:.1em;text-transform:uppercase;color:#e3f2fa}

.sns-labelimg{width:100%;height:auto;border-radius:20px;border:1px solid var(--sns-line);box-shadow:0 24px 44px -30px rgba(22,150,201,.6)}
.sns-blendgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem;margin:.9rem 0}
.sns-blendgrid span{display:block;border:1px solid var(--sns-line);background:#fff;border-radius:20px;padding:.55rem .8rem;font-size:.98rem;line-height:1.35}
.sns-blendgrid span b{display:block;font:700 .72rem/1 var(--sns-hd);letter-spacing:.1em;text-transform:uppercase;color:var(--sns-aqua);margin-bottom:.25rem}

.sns-avgbar a{color:inherit;text-decoration:underline}

.sns-amtgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.55rem;margin:.9rem 0}
.sns-amtgrid span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;align-items:baseline;border:1px solid var(--sns-line);background:#fff;border-radius:20px;padding:.6rem .85rem;font-size:1rem;line-height:1.3}
.sns-amtgrid span b{font:800 .98rem/1 var(--sns-hd);color:var(--sns-aqua);white-space:normal;text-align:right}
.sns-labelimg{width:100%;height:auto;border-radius:20px;border:1px solid var(--sns-line);box-shadow:0 24px 44px -30px rgba(22,150,201,.6)}
@media(max-width:560px){.sns-brandmark{font-size:1.02rem;gap:7px;flex:0 1 auto;min-width:0}.sns-brandmark svg{width:26px;height:26px}.sns-row3{gap:10px;padding:10px 14px}.sns-row3>.sns-btnx{padding-left:.9rem;padding-right:.9rem;font-size:.9rem}.sns-menubtn{padding:.7rem .8rem}}

.sns-bonus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:820px;margin:1.6rem auto 0}
.sns-bonus article{background:#fff;border:1px solid var(--sns-line);border-radius:20px;padding:1.2rem;text-align:center}
.sns-bonus img{max-height:220px;width:auto;margin:0 auto .8rem;display:block}
.sns-bonus h3{margin:.2rem 0 .4rem;font-size:1.25rem}
@media(max-width:620px){.sns-bonus{grid-template-columns:1fr}}
















/* sonic-solace design: shelf-standing bottle with coral stripe, 30-dot capsule calendar, ruled 2x2 number cards, round-cornered cards with coral dot, teal buttons with coral underline, no hero fill, no dark backgrounds */
.sns-headline{background:none !important;padding-top:34px}
.sns-shelf{position:relative;padding:12px 10px 34px;margin:0 0 1.1rem;text-align:center}
.sns-shelf::before{content:"";position:absolute;left:50%;top:0;bottom:22px;width:34%;transform:translateX(-50%);background:#ffe6ed;border-radius:24px 24px 0 0;z-index:0}
.sns-shelf::after{content:"";position:absolute;left:4%;right:4%;bottom:14px;height:16px;border-radius:10px;background:linear-gradient(90deg,#bfe1f1,#8fd6c9,#bfe1f1);box-shadow:0 10px 0 -4px #1696c9;z-index:0}
.sns-shelf img{position:relative;z-index:1;margin:0 auto;filter:drop-shadow(0 14px 14px rgba(31,45,61,.22))}
.sns-cal{background:#fff;border:2px solid #bfe1f1;border-radius:20px;padding:1.1rem 1.2rem 1rem}
.sns-cal h3{font-size:1rem;margin:0 0 .8rem;color:#1f2d3d}
.sns-calgrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}
.sns-calgrid i{display:block;aspect-ratio:1;border-radius:50%;background:#e3f2fa;animation:sns-light 7s ease-in-out var(--d) infinite}
@keyframes sns-light{0%,6%{background:#e3f2fa;transform:scale(1)}16%,70%{background:#1696c9;transform:scale(1.08)}86%,100%{background:#e3f2fa;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.sns-calgrid i{animation:none;background:#1696c9}}
.sns-calrow{display:flex;justify-content:space-between;font-weight:800;font-size:.85rem;color:#1f2d3d;margin-top:.5rem}
.sns-habitcap{font-size:.85rem;color:#46566a;margin:.6rem 0 0;line-height:1.45}
.sns-twocol{grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:1.4rem}
@media(max-width:560px){.sns-twocol{grid-template-columns:1fr !important}}
.sns-nums{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.sns-nums li{background:#fff;border:2px solid #bfe1f1;border-radius:16px;text-align:left;padding:.8rem 1rem;box-shadow:none;position:relative}
.sns-nums li::before{display:none}
.sns-nums b{display:inline-block;color:#0b6b94;margin-right:.6rem;font-size:2rem;vertical-align:middle}
.sns-nums span{display:inline-block;vertical-align:middle;max-width:12rem;font-size:.9rem}
.sns-btnx{background:linear-gradient(135deg,#f58fa7,#f2708c) !important;color:#4a0f23 !important;border:0 !important;border-radius:14px;clip-path:none;font-weight:800;letter-spacing:.01em;box-shadow:0 6px 0 #1696c9;padding-left:1.7rem;padding-right:1.7rem;transition:transform .12s,box-shadow .12s}
.sns-btnx::before{content:""}
.sns-btnx::after{content:" \2192"}
.sns-btnx:hover{transform:translateY(3px);box-shadow:0 3px 0 #1696c9;filter:none}
.sns-ghostx{border-radius:14px;border:2px solid #0b6b94;color:#0b6b94;background:#fff}
.sns-titlebox,.sns-titlebox.mid{text-align:left}
.sns-titlebox h2{display:block;text-align:left;background:none;padding:0 0 .9rem;border:0;position:relative}
.sns-titlebox h2::before{display:none}
.sns-titlebox h2::after{content:"";display:block;position:absolute;left:0;bottom:0;width:90px;height:6px;border-radius:6px;background:repeating-linear-gradient(90deg,#f2708c 0 12px,transparent 12px 18px)}
.sns-titlebox p{margin-left:0;margin-right:0;margin-top:1rem}
.sns-over{display:table;margin:0 0 .8rem;padding:.3rem 1rem;border-radius:999px;background:#fff3c4;color:#1a5fa8;letter-spacing:.1em}
.sns-cardx2,.sns-boxc3,.sns-tile4{border:2px solid #bfe1f1;border-radius:20px;background:#fff;box-shadow:none;position:relative;clip-path:none}
.sns-cardx2::before{content:"";position:absolute;right:14px;top:14px;width:12px;height:12px;border-radius:50%;background:#f2708c}
.sns-cardx2:nth-child(3n+2){border-color:#ffc9be;background:#fffaf8}
.sns-cardx2:nth-child(3n){border-color:#b9dcff;background:#f8fbff}
.sns-deal{border:2px solid #bfe1f1;border-radius:22px;box-shadow:0 18px 36px -28px rgba(31,45,61,.5)}
.sns-deal .band{background:#d8eef8;color:#1f2d3d}
.sns-deal.best{border-color:#f2708c;box-shadow:0 0 0 3px #f2708c,0 18px 36px -28px rgba(31,45,61,.5)}
.sns-deal.best .band{background:#f2708c;color:#4a0f23}
.sns-chip6{border-radius:12px}
.sns-chip6[aria-selected="true"],.sns-whenb[aria-pressed="true"]{background:#f2708c !important;color:#4a0f23 !important;border-color:#f2708c !important}
.sns-soft2{background:#f2f9fd}
.sns-stripe{background:linear-gradient(100deg,#fff3f6,#d8eef8 55%,#fff3c4);color:#1f2d3d}
.sns-stripe h2{color:#1f2d3d}
.sns-stripe p{color:#2f4155}
.sns-stripe a:not(.sns-btnx){color:#1f2d3d}
.sns-shipx,.sns-avgbar{background:#fff3f6;color:#1f2d3d;border:2px solid #f69cb0;border-radius:18px}
.sns-avgbar b{color:#0b6b94}
.sns-avgbar .sns-stars3{color:#a02a4d}
.sns-base2{background:#e3f2fa;color:#2f4155;border-top:6px solid #f2708c}
.sns-base2 h4{color:#1f2d3d}
.sns-base2 a{color:#0b6b94;text-decoration:underline}
.sns-base2 .sns-brandmark{color:#1f2d3d}
.sns-base2 .sns-brandmark b{color:#0b6b94}
.sns-endcap{background:linear-gradient(120deg,#fff3f6,#d8eef8)}
.sns-jump2{background:#1f2d3d}
.sns-post .top{background:linear-gradient(135deg,#d8eef8,#fff3c4);color:#1f2d3d}
.sns-zones3 .hub{fill:#1696c9}.sns-zones3 .ct{fill:#fff}.sns-zones3 .halo{fill:rgba(22,150,201,.14)}
.sns-amtgrid b{color:#0b6b94 !important}

/* sonic-solace hero: bottle on a scalloped wave panel, animated volume-down bars */
.sns-wave{position:relative;margin:0 auto 1.1rem;max-width:430px;padding:20px 14px 46px;text-align:center;background:linear-gradient(#e8f4fb,#fff);border-radius:26px 26px 0 0}
.sns-wave::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:radial-gradient(circle at 25px 0,transparent 24px,#8fd0ec 25px 31px,transparent 32px) repeat-x;background-size:50px 34px}
.sns-wave img{position:relative;z-index:1;margin:0 auto;filter:drop-shadow(0 12px 12px rgba(31,45,61,.2))}
.sns-wind{background:#fff;border:2px solid #bfe1f1;border-radius:20px;padding:1.1rem 1.2rem 1rem}
.sns-wind h3{font-size:1rem;margin:0 0 .8rem;color:#1f2d3d}
.sns-wind ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;align-items:end;height:150px}
.sns-wind li{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem;height:100%;text-align:center}
.sns-wind li i{display:block;width:70%;height:var(--h);border-radius:10px 10px 4px 4px;background:linear-gradient(#4fb6df,#1696c9);transform-origin:bottom;animation:sns-bar 8s ease-in-out var(--d) infinite}
.sns-wind li span{font-weight:800;font-size:.78rem;line-height:1.15;color:#1f2d3d}
@keyframes sns-bar{0%,8%{transform:scaleY(.15);opacity:.5}22%,86%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.15);opacity:.5}}
@media (prefers-reduced-motion:reduce){.sns-wind li i{animation:none}}
.sns-seal{display:grid;place-items:center;align-content:center;width:150px;height:150px;border-radius:50%;margin:0 auto;border:6px solid #1696c9;background:#fff;box-shadow:0 0 0 6px #d8eef8;text-align:center}
.sns-seal b{font:800 3rem/1 var(--sns-hd);color:#0b6b94}
.sns-seal span{font:800 .95rem/1 var(--sns-hd);letter-spacing:.2em;color:#1f2d3d}
.sns-seal em{font-style:normal;font:800 .7rem/1.2 var(--sns-hd);letter-spacing:.12em;color:#a02a4d;margin-top:.2rem}
.sns-bonrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:1.2rem 0 1.4rem}
.sns-bon{background:#fff;border:2px dashed #f2708c;border-radius:20px;padding:1.3rem 1.4rem;text-align:center}
.sns-bon .tag{display:inline-block;background:#ffd23f;color:#1f2d3d;font-weight:800;font-size:.8rem;letter-spacing:.08em;padding:.25rem .7rem;border-radius:999px;margin-bottom:.6rem}
.sns-bon h3{margin:.2rem 0 .5rem}
@media(max-width:700px){.sns-bonrow{grid-template-columns:1fr}.sns-wind ul{height:130px}}
.sns-habitcap{font-size:.85rem;color:#46566a;margin:.7rem 0 0;line-height:1.45}
.sns-ticks2.sns-twocol{grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:1.4rem}
@media(max-width:560px){.sns-ticks2.sns-twocol{grid-template-columns:1fr !important}}
.sns-btnx{background:linear-gradient(135deg,#f7b3c4,#f2708c) !important;color:#3a2800 !important;box-shadow:0 6px 0 #1696c9 !important}
.sns-btnx:hover{box-shadow:0 3px 0 #1696c9 !important}
.sns-chip6[aria-selected="true"],.sns-whenb[aria-pressed="true"]{background:#f2708c !important;color:#1f2d3d !important;border-color:#f2708c !important}
.sns-story blockquote{margin-top:.8rem}