@font-face{font-family:Roboto;src:url(../fonts/roboto-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-latin-wght-normal.woff2) format("woff2");font-weight:300 800;font-display:swap}
:root{--navy:#141b27;--blue:#2b3a52;--sky:#e3e8ef;--sky2:#eef1f6;--org:#d7263d;--org2:#ff5a6e;--cream:#f3f5f8;--ink:#101722;--txt:#424d5e;--mut:#7b8696;--line:#d5dbe5;--r:6px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--txt);font-family:Roboto,system-ui,sans-serif;font-size:17px;line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:"Open Sans",system-ui,sans-serif;font-weight:800;line-height:1.14;color:var(--ink);letter-spacing:-.02em;margin:0 0 .6em}
h1{font-size:clamp(2.05rem,5vw,3.4rem)}
h2{font-size:clamp(1.6rem,3.5vw,2.3rem)}
h3{font-size:1.15rem}
p{margin:0 0 1.05em}
a{color:var(--blue);text-underline-offset:3px}
a:hover{color:var(--navy)}
img{max-width:100%;height:auto}
main{display:block}
.ss-progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--org),var(--org2));z-index:1200}
.ss-head{position:sticky;top:0;z-index:1100;background:rgba(243,245,248,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.ss-headin{display:flex;align-items:center;justify-content:space-between;min-height:68px}
.ss-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 1.28rem Roboto,sans-serif;letter-spacing:-.02em}
.ss-logo b{color:var(--org);font-weight:800}
.ss-headr{display:flex;align-items:center;gap:10px}
.ss-burger{display:inline-flex;align-items:center;gap:8px;height:44px;border:1.5px solid var(--navy);border-radius:999px;background:transparent;color:var(--navy);padding:0 16px;cursor:pointer;font:700 .8rem Roboto;letter-spacing:.1em;text-transform:uppercase}
.ss-burger i{display:none}
.ss-burger:after{content:"";width:14px;height:10px;background:linear-gradient(var(--navy),var(--navy)) 0 0/100% 2px no-repeat,linear-gradient(var(--navy),var(--navy)) 0 50%/100% 2px no-repeat,linear-gradient(var(--navy),var(--navy)) 0 100%/100% 2px no-repeat}
.ss-burger.x:after{background:linear-gradient(45deg,transparent 45%,var(--navy) 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--navy) 45% 55%,transparent 55%);height:14px}
.ss-nav{display:none;background:#fff;border-top:1px solid var(--line)}
.ss-nav.open{display:block}
.ss-nav ul{list-style:none;margin:0;padding:8px 0 14px}
.ss-nav a{display:block;padding:11px 4px;text-decoration:none;color:var(--ink);font:600 1rem Roboto;border-bottom:1px solid var(--line);white-space:nowrap}
.ss-nav a.on{color:var(--org)}
.ss-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:3px;background:var(--navy);color:#fff;font:700 1rem Roboto;text-decoration:none;border:2px solid var(--navy);border-bottom:4px solid var(--org);box-shadow:0 12px 24px -12px rgba(15,36,33,.7);transition:transform .2s,box-shadow .2s,background .2s;position:relative}
.ss-btn:after{content:"\2192";margin-left:10px;color:var(--org2);transition:transform .2s}
.ss-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}
.ss-btn:hover:after{transform:translateX(4px)}
.ss-btn-sm{min-height:42px;padding:0 20px;font-size:.92rem}
.ss-btn-ghost{background:transparent;color:var(--navy);box-shadow:none}
.ss-btn-ghost:after{content:none}
.ss-btn-ghost:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.ss-hero .ss-btn{background:var(--org);color:#fff;border-color:var(--org);border-bottom-color:var(--org2)}.ss-hero .ss-btn:after{color:#fff}.ss-hero .ss-btn:hover{background:var(--org2);border-color:var(--org2);color:#fff}
.ss-hero .ss-btn-ghost{background:transparent;color:#fff;border-color:var(--org2)}.ss-hero .ss-btn-ghost:hover{background:#fff;color:#141b27;border-color:#fff}
.ss-headcta{display:none}
/* hero */
.ss-hero{position:relative;overflow:hidden;padding:46px 0 110px;background:radial-gradient(700px 480px at 78% 45%,rgba(215,38,61,.32) 0,transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 6px),linear-gradient(160deg,#2a3548,#0c1119)}
.ss-hero:before{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:28%;background:linear-gradient(100deg,transparent,rgba(255,90,110,.28),transparent);transform:skewX(-20deg);animation:ssslash 7s ease-in-out infinite}
@keyframes ssslash{0%{left:-40%}60%,100%{left:130%}}
@media(prefers-reduced-motion:reduce){.ss-hero:before{animation:none}}
.ss-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:44px;background:var(--cream);clip-path:polygon(0 100%,0 55%,100% 100%,100% 100%)}
.ss-wave{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ss-wave circle{fill:#ff5a6e;fill-opacity:.8;animation:ssrise 16s linear infinite;transform-box:fill-box}
.ss-wave circle.e1{fill:#fff;fill-opacity:.55}.ss-wave circle.e2{fill:#d7263d;fill-opacity:.7}
@keyframes ssrise{0%{transform:translateY(40px);opacity:0}15%{opacity:1}85%{opacity:.7}100%{transform:translateY(-700px) translateX(30px);opacity:0}}
.ss-heroin{position:relative;display:grid;gap:30px;align-items:center}
.ss-htext{position:relative;z-index:1}
.ss-kick{display:inline-block;padding:6px 16px;border:1px solid var(--org2);color:var(--org2);font:700 .76rem Roboto;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;border-radius:2px}
.ss-hero h1,.ss-hero .ss-ticks li{color:#fff}
.ss-htext h1 span{color:var(--org2)}
.ss-lead{font-size:1.15rem;color:#cfd6e1}
.ss-quick{background:#f3f5f8;border:0;border-left:6px solid var(--org);border-radius:2px 4px 4px 2px;padding:14px 18px;margin:0 0 18px;font-size:.98rem;color:#101722;box-shadow:0 18px 32px -22px #000}
.ss-quick b{display:block;font:800 .74rem Roboto;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.ss-ticks{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:8px}
.ss-ticks li{padding-left:30px;position:relative;font-weight:600;color:var(--ink)}
.ss-ticks li:before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:3px;background:var(--org) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.5 2.5L13 6.500' fill='none' stroke='%230f2421' stroke-width='2'/%3E%3C/svg%3E")}
.ss-btnrow{margin-bottom:6px}
.ss-stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.ss-stats3 div{background:rgba(255,255,255,.07);border:1px solid rgba(225,191,111,.4);border-radius:10px;padding:12px 8px;text-align:center}
.ss-stats3 strong{display:block;font:800 1.7rem Roboto;color:var(--org2)}
.ss-stats3 span{font-size:.78rem;color:#c6cfdb;line-height:1.3;display:block}
.ss-hvis{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px 0}
.ss-arch{position:absolute;left:50%;top:50%;width:min(92%,450px);aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 45%,#3b4c68 0,#222c3d 62%,#0d1f1c 100%);box-shadow:0 0 0 2px var(--org),0 0 0 14px rgba(215,38,61,.14)}
.ss-arch:before{content:"";position:absolute;inset:-26px;border-radius:50%;border:2px dashed rgba(225,191,111,.6);animation:vrspin 50s linear infinite}
@keyframes vrspin{to{transform:rotate(360deg)}}
.ss-arch i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(225,191,111,.55);animation:vrring 6s ease-out infinite}
.ss-arch i:nth-child(2){animation-delay:2s}.ss-arch i:nth-child(3){animation-delay:4s}
@keyframes vrring{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.ss-bottle{position:relative;width:min(100%,520px);filter:drop-shadow(0 26px 24px rgba(0,0,0,.55));transform:translate(var(--tx,0),var(--ty,0)) rotate(var(--rz,0));transition:transform .25s ease-out;animation:vrfloat 7s ease-in-out infinite}
@keyframes vrfloat{50%{translate:0 -10px}}
.ss-chip{position:absolute;padding:8px 16px;border-radius:2px;background:var(--org);z-index:2;color:#141b27;font:800 .8rem Roboto;box-shadow:0 12px 24px -12px #000;white-space:nowrap}
.ss-chip.c1{top:6%;left:0}.ss-chip.c2{top:42%;right:0}.ss-chip.c3{bottom:8%;left:2%}
/* trust */
.ss-trust{padding:30px 0;background:var(--navy);position:relative}
.ss-badges{gap:14px}
.ss-badge{background:#fff;border-radius:10px;padding:10px 10px 12px;text-align:center}
.ss-badge img{width:100%;max-width:150px;height:auto;display:block;margin:0 auto}
.ss-badge b{display:block;font:700 .92rem Roboto;color:var(--ink)}
/* sections */
.ss-sec{padding:78px 0}
.ss-alt{background:var(--sky2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ss-dark{background:radial-gradient(700px 400px at 85% 0,#2b3a52 0,transparent 70%),var(--navy);color:#dde3ec}
.ss-dark h2,.ss-dark h3{color:#fff}
.ss-dark a{color:var(--org2)}
.ss-head2{max-width:720px;margin:0 auto 38px;text-align:center}
.ss-head2 h2:after{content:"";display:block;width:64px;height:6px;margin:14px auto 0;border-radius:6px;background:linear-gradient(90deg,var(--blue) 0 55%,var(--org) 55%)}
.ss-eyebrow{display:inline-block;font:800 .76rem Roboto;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.ss-eyebrow.l{display:block}
.ss-dark .ss-eyebrow{color:var(--org2)}
.ss-center{text-align:center;margin-top:30px}
.ss-what{display:grid;gap:36px;align-items:center}
.ss-fact{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ss-fact div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px 16px}
.ss-fact dt{font:800 .72rem Roboto;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.ss-fact dd{margin:2px 0 0;font-weight:700;color:var(--ink);line-height:1.4}
/* cards */
.ss-pc,.ss-theme,.ss-steps li,.ss-reasons li,.ss-faq details,.ss-bc,.ss-pers,.ss-cbox,.ss-refs li,.ss-rel a{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 20px 40px -32px rgba(15,36,33,.55)}
.ss-ladder{display:grid;gap:22px;align-items:end}
.ss-pc{position:relative;padding:26px 22px;text-align:center}
.ss-pc.best{border:2px solid var(--org);background:linear-gradient(180deg,#fff,#fff0f1);box-shadow:0 30px 56px -30px rgba(255,122,26,.55)}
.ss-flag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--org);color:#fff;font:800 .78rem Roboto;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:999px;white-space:nowrap}
.ss-pcimg{min-height:230px;display:flex;align-items:flex-end;justify-content:center}
.ss-pcimg img{max-height:240px;width:auto;max-width:100%}
.ss-pc h3{margin:12px 0 4px;font-size:1.3rem}
.ss-pcprice strong{font:800 2.7rem Roboto;color:var(--navy)}
.ss-pcprice span{display:block;color:var(--mut);font-size:.9rem;margin-top:-6px}
.ss-pctotal{font-weight:700;color:var(--blue);margin:6px 0 10px}
.ss-pc ul{list-style:none;padding:0;margin:0 0 18px;font-size:.93rem}
.ss-pc li{padding:5px 0;border-top:1px dashed var(--line)}
.ss-paynote{margin-top:30px;flex-wrap:wrap;text-align:center;font-weight:600;color:var(--ink)}
.ss-paynote img{max-width:230px}
.ss-themes{display:grid;gap:18px}
.ss-theme{padding:28px 24px;position:relative;overflow:hidden}
.ss-theme:after{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:rgba(225,191,111,.22)}
.ss-ico{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--navy);margin-bottom:14px;position:relative;z-index:1}
.ss-ico svg{width:28px;height:28px;fill:none;stroke:var(--org2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ss-panel{display:grid;gap:16px}
.ss-ing{display:flex;gap:16px;align-items:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(225,191,111,.4);border-radius:var(--r);padding:20px}
.ss-ing .ss-ico{background:var(--org);flex:none;margin:0}
.ss-ing .ss-ico svg{stroke:#fff}
.ss-ing h3{margin:0 0 4px}.ss-ing p{margin:0;font-size:.95rem}
.ss-how{margin:0 auto 34px;max-width:960px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 28px 56px -32px rgba(15,36,33,.65)}
.ss-how img{display:block;width:100%}
.ss-art .ss-how{margin:26px 0}
.ss-steps{list-style:none;padding:0;margin:0 auto;max-width:900px;display:grid;gap:14px}
.ss-steps li{display:flex;gap:16px;padding:18px 20px}
.ss-steps b{flex:none;width:46px;height:46px;border-radius:50%;background:var(--navy);color:var(--org2);display:flex;align-items:center;justify-content:center;font:800 1.2rem Roboto}
.ss-steps h3{margin:0 0 2px}.ss-steps p{margin:0;font-size:.96rem}
.ss-reasons{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.ss-reasons li{display:flex;gap:16px;align-items:flex-start;padding:18px 20px}
.ss-reasons b{font:800 1.9rem Roboto;color:var(--org);line-height:1;min-width:48px}
.ss-reasons h3{margin:0 0 2px;font-size:1.05rem}.ss-reasons p{margin:0;font-size:.93rem}
.ss-guar{padding:70px 0;background:linear-gradient(120deg,var(--navy),#2b3a52);color:#e4e9f0}
.ss-guarin{display:grid;gap:26px;align-items:center;justify-items:center;text-align:center}
.ss-guarin img{width:180px}
.ss-guarin h2{color:#fff}
.ss-guar .ss-btn{background:var(--org);border-color:var(--org);color:#fff}
.ss-guar .ss-btn:after{color:#fff}
.ss-scroll{display:grid;gap:20px;max-width:880px;margin:0 auto 34px}
.ss-pgrid{display:grid;gap:16px;max-width:1000px;margin:0 auto 34px}
.ss-pers{margin:0;display:flex;gap:16px;align-items:flex-start;padding:20px}
.ss-pers img{flex:none;width:68px;height:68px;border-radius:50%;object-fit:cover;border:3px solid var(--sky);box-shadow:0 0 0 2px var(--org)}
.ss-pers figcaption{font-weight:600;color:var(--ink);font-size:.96rem;line-height:1.55}
.ss-pers span{display:block;font:800 .72rem Roboto;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.ss-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:880px;margin:0 auto}
.ss-board div{text-align:center;background:var(--navy);border-radius:var(--r);padding:20px 8px}
.ss-board strong{display:block;font:800 2.3rem Roboto;color:var(--org2)}
.ss-board span{color:#dde3ec;font-size:.85rem}
.ss-faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.ss-faq details{border-radius:22px;padding:0 20px}
.ss-faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font:700 1.03rem Roboto;color:var(--ink);position:relative}
.ss-faq summary::-webkit-details-marker{display:none}
.ss-faq summary:after{content:"+";position:absolute;right:0;top:12px;font-size:1.5rem;color:var(--org)}
.ss-faq details[open] summary:after{content:"–"}
.ss-faq details>div{padding:0 0 16px;font-size:.98rem}
.ss-refs{list-style:none;padding:0;margin:0 auto;max-width:820px;display:grid;gap:10px}
.ss-refs li{border-radius:20px;padding:14px 18px}
.ss-refs span{display:block;font-size:.88rem;color:var(--mut)}
.ss-band{background:radial-gradient(600px 300px at 90% 100%,#2b3a52 0,transparent 70%),var(--navy);padding:60px 0;color:#dde3ec;overflow:hidden}
.ss-bandin{display:grid;gap:26px;align-items:center}
.ss-band h2{color:#fff}
.ss-band .ss-btn{background:var(--org);border-color:var(--org);color:#fff}
.ss-band .ss-btn:after{color:#fff}
.ss-band .ss-btn-ghost{background:transparent;color:#fff;border-color:var(--org2)}
.ss-bandimg{width:min(100%,440px);justify-self:center;filter:drop-shadow(0 18px 20px rgba(0,0,0,.35))}
.ss-ph{padding:46px 0 34px;background:linear-gradient(180deg,var(--sky) 0,var(--cream) 100%);border-bottom:1px solid var(--line)}
.ss-ph p{max-width:720px;font-size:1.1rem}
.ss-crumb{font-size:.86rem;color:var(--mut);margin-bottom:14px}
.ss-crumb a{color:var(--mut)}
.ss-meta{color:var(--mut);font-size:.9rem}
.ss-art{max-width:820px;margin:0 auto}
.ss-art h2{margin-top:1.6em;font-size:clamp(1.4rem,3vw,1.85rem)}
.ss-art ul,.ss-art ol{padding-left:1.2em}
.ss-art li{margin-bottom:.45em}
.ss-cbox{border-color:var(--org2);border-left:6px solid var(--org);padding:16px 22px;margin:1.4em 0}
.ss-cbox p{margin:0}
.ss-tw{overflow-x:auto;margin:1.2em 0}
.ss-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;font-size:.96rem}
.ss-table th{background:var(--navy);color:#fff;text-align:left;padding:12px 14px;font:700 .9rem Roboto}
.ss-table td{padding:11px 14px;border-top:1px solid var(--line)}
.ss-rel{display:grid;gap:10px}
.ss-rel a{display:block;border-radius:20px;padding:14px 18px;font-weight:700;text-decoration:none;color:var(--navy)}
.ss-bgrid{display:grid;gap:18px}
.ss-bc{padding:22px}
.ss-bc>span{font:800 .72rem Roboto;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.ss-bc h3{margin:6px 0 8px}
.ss-bc h3 a{text-decoration:none;color:var(--ink)}
.ss-bc .more{font-weight:700;text-decoration:none;color:var(--org)}
.ss-foot{background:#08140f;color:#a3adbd;padding:46px 0 110px;font-size:.88rem}
.ss-foot .ss-logo{color:#fff}.ss-foot .ss-logo b{color:var(--org2)}
.ss-foot a{color:#eef1f6}
.ss-frow{gap:6px 18px;margin:18px 0 6px}
.ss-frow a{text-decoration:none;font-weight:600;font-size:.92rem}
.ss-frow2 a{font-weight:400;font-size:.85rem}
.ss-fo{color:var(--org2)!important}
.ss-foot p{max-width:900px;margin:0 auto 12px;text-align:center}
.ss-foot .ss-logo-f{display:flex;justify-content:center}
.ss-copy{margin-top:20px!important}
.ss-sticky{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:rgba(255,255,255,.97);border-top:3px solid var(--org);transform:translateY(110%);transition:transform .3s}
.ss-sticky.show{transform:none}
.ss-sticky b{display:block;font:800 .95rem Roboto;color:var(--ink)}
.ss-sticky span{font-size:.76rem;color:var(--mut)}
.ss-sticky .ss-btn{white-space:nowrap;flex:none}.ss-sticky>div{min-width:0}
.ss-rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.ss-rv.in{opacity:1;transform:none}
@media(min-width:768px){
.ss-pers{flex-direction:column}
.ss-headcta{display:inline-flex}
.ss-themes.ss-th3{grid-template-columns:repeat(3,1fr)}
.ss-panel.ss-p4{grid-template-columns:1fr 1fr}
.ss-ladder{grid-template-columns:1fr 1fr 1.14fr}
.ss-pgrid{grid-template-columns:repeat(3,1fr)}

.ss-board{grid-template-columns:repeat(4,1fr)}
.ss-reasons{grid-template-columns:1fr 1fr}
.ss-bgrid{grid-template-columns:1fr 1fr}
.ss-rel{grid-template-columns:repeat(3,1fr)}
.ss-guarin{grid-template-columns:auto 1fr;text-align:left;justify-items:start;gap:40px}
.ss-bandin{grid-template-columns:1.2fr .8fr}
}
@media(min-width:992px){
.ss-heroin{grid-template-columns:.95fr 1.05fr}.ss-hvis{order:0}
.ss-what{grid-template-columns:1fr 1fr}
.ss-bgrid{grid-template-columns:repeat(3,1fr)}
.ss-burger{display:none}
.ss-nav{display:block}
.ss-nav ul{display:flex;justify-content:center;gap:4px;padding:6px 0}
.ss-nav a{border:0;padding:7px 14px;border-radius:999px;font-size:.92rem}
.ss-nav a:hover,.ss-nav a.on{background:var(--navy);color:#fff}
.ss-sticky{display:none}
}
@media(max-width:991px){.ss-hvis{order:-1;min-height:360px}._x{right:-220px;top:-220px}}
@media(max-width:575px){.ss-chip{font-size:.72rem;padding:6px 11px}.ss-chip.c2{top:34%}.ss-sec{padding:58px 0}@media(prefers-reduced-motion:reduce){.ss-rv{opacity:1;transform:none;transition:none}.ss-wave circle,.ss-bottle,.ss-arch:before{animation:none!important}}
#how-it-works{scroll-margin-top:130px}
