Shop

/* Load Inter (sans-serif, full weight range) */
@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap’);
/* ============ BASE ============ */
.pif-launch{
position:relative;
padding:90px 20px;
background:linear-gradient(135deg,#162236 0%,#1E2B47 60%,#2A3654 100%);
font-family:’Inter’,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
color:#fff;
overflow:hidden;
isolation:isolate;
}
.pif-launch__bg{
position:absolute;inset:0;z-index:-1;pointer-events:none;
}
.pif-launch__bg::before,
.pif-launch__bg::after{
content:””;position:absolute;border-radius:50%;filter:blur(110px);opacity:.35;
}
.pif-launch__bg::before{width:500px;height:500px;background:#FF5B52;top:-180px;left:-160px}
.pif-launch__bg::after{width:500px;height:500px;background:#FFB800;bottom:-180px;right:-160px}
.pif-launch__inner{
max-width:1200px;margin:0 auto;
display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;
position:relative;z-index:2;
}
/* ============ LEFT SIDE ============ */
.pif-launch__badge{
display:inline-flex;align-items:center;gap:10px;
background:rgba(255,184,0,.15);color:#FFB800;
padding:8px 16px;border-radius:30px;
font-size:13px;font-weight:600;letter-spacing:.5px;
border:1px solid rgba(255,184,0,.3);
margin-bottom:24px;
}
.pif-launch__dot{
width:8px;height:8px;background:#FFB800;border-radius:50%;
animation:pifBlink 1.4s infinite;
}
@keyframes pifBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}
.pif-launch__title{
font-family:’Inter’,sans-serif;
font-size:clamp(34px,4.4vw,54px);
line-height:1.05;font-weight:900;
margin:0 0 18px;letter-spacing:-1.2px;
}
.pif-launch__title em{color:#FFB800;font-style:normal;font-weight:900}
.pif-launch__sub{
color:#CBD5E1;font-size:17px;line-height:1.65;font-weight:400;
max-width:560px;margin:0 0 36px;
}
/* ============ COUNTDOWN ============ */
.pif-count{
display:flex;align-items:flex-end;gap:10px;
margin:0 0 40px;flex-wrap:wrap;
}
.pif-count__box{
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.12);
border-radius:16px;
padding:18px 14px 14px;
min-width:92px;text-align:center;
backdrop-filter:blur(10px);
transition:.25s;
}
.pif-count__box:hover{border-color:rgba(255,184,0,.5);transform:translateY(-3px)}
.pif-count__box–accent{
background:linear-gradient(135deg,#FF5B52,#E94940);
border-color:transparent;
box-shadow:0 15px 30px rgba(255,91,82,.4);
}
.pif-count__num{
display:block;
font-family:’Inter’,sans-serif;
font-size:48px;font-weight:900;line-height:1;
color:#fff;letter-spacing:-2px;
font-variant-numeric:tabular-nums;
}
.pif-count__lbl{
display:block;margin-top:6px;
color:#CBD5E1;font-size:11px;font-weight:700;
text-transform:uppercase;letter-spacing:1.5px;
}
.pif-count__box–accent .pif-count__lbl{color:rgba(255,255,255,.85)}
.pif-count__sep{
font-family:’Inter’,sans-serif;font-size:40px;color:#FFB800;
font-weight:900;padding-bottom:18px;align-self:flex-end;
animation:pifPulse 1s infinite;
}
@keyframes pifPulse{0%,100%{opacity:1}50%{opacity:.3}}
/* ============ BUTTONS ============ */
.pif-launch__ctas{
display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px;
}
.pif-lbtn{
display:inline-flex;align-items:center;gap:8px;
padding:14px 26px;border-radius:50px;
font-family:’Inter’,sans-serif;
font-weight:700;font-size:15px;text-decoration:none;
transition:.25s;cursor:pointer;
}
.pif-lbtn–primary{
background:#FF5B52;color:#fff;
box-shadow:0 12px 28px rgba(255,91,82,.4);
}
.pif-lbtn–primary:hover{background:#FFB800;color:#162236;transform:translateY(-2px)}
.pif-lbtn–ghost{
background:transparent;color:#fff;
border:2px solid rgba(255,255,255,.25);
}
.pif-lbtn–ghost:hover{background:#fff;color:#162236;border-color:#fff}
/* ============ TRUST ============ */
.pif-launch__trust{display:flex;align-items:center;gap:14px}
.pif-launch__avatars{display:flex}
.pif-launch__avatars img{
width:38px;height:38px;border-radius:50%;
border:3px solid #162236;object-fit:cover;margin-left:-10px;
}
.pif-launch__avatars img:first-child{margin-left:0}
.pif-launch__trust strong{display:block;color:#FFB800;font-size:14px;font-weight:700}
.pif-launch__trust span{color:#94A3B8;font-size:13px;font-weight:400}
/* ============ RIGHT : OPT-IN CARD ============ */
.pif-launch__right{position:relative}
.pif-optin{
background:#fff;color:#162236;
padding:44px 36px;border-radius:24px;
box-shadow:0 30px 60px rgba(0,0,0,.35);
position:relative;
font-family:’Inter’,sans-serif;
}
.pif-optin__ribbon{
position:absolute;top:-14px;left:28px;
background:#FFB800;color:#162236;
padding:7px 16px;border-radius:30px;
font-size:11px;font-weight:800;letter-spacing:1.2px;
text-transform:uppercase;
}
.pif-optin__title{
font-family:’Inter’,sans-serif;
font-size:30px;font-weight:900;line-height:1.15;
margin:6px 0 12px;color:#162236;letter-spacing:-.5px;
}
.pif-optin__title em{color:#FF5B52;font-style:normal;font-weight:900}
.pif-optin__sub{
color:#4A5568;font-size:15px;line-height:1.6;font-weight:400;
margin:0 0 22px;
}
.pif-optin__sub strong{color:#162236;font-weight:700}
.pif-optin__form{margin-bottom:22px}
/* tweaks so SureForms picks up the brand look — optional */
.pif-optin__form input[type=”email”],
.pif-optin__form input[type=”text”]{
border-radius:50px !important;
border:2px solid #E8EAEE !important;
padding:14px 20px !important;
font-family:’Inter’,sans-serif !important;
width:100% !important;
}
.pif-optin__form input:focus{border-color:#FF5B52 !important;outline:none !important}
.pif-optin__form button,
.pif-optin__form input[type=”submit”]{
background:#FF5B52 !important;color:#fff !important;
border:none !important;border-radius:50px !important;
padding:14px 28px !important;font-weight:700 !important;
font-family:’Inter’,sans-serif !important;cursor:pointer !important;
transition:.25s !important;
}
.pif-optin__form button:hover,
.pif-optin__form input[type=”submit”]:hover{
background:#162236 !important;
}
.pif-optin__perks{
list-style:none;padding:0;margin:0;
border-top:1px dashed #E8EAEE;padding-top:18px;
}
.pif-optin__perks li{
padding:6px 0;color:#4A5568;font-size:13.5px;font-weight:500;
display:flex;align-items:center;gap:10px;
}
.pif-optin__perks li::before{
content:”✓”;color:#40B8A6;font-weight:800;font-size:15px;
}
/* ============ RESPONSIVE ============ */
@media (max-width:960px){
.pif-launch__inner{grid-template-columns:1fr;gap:50px}
.pif-count__box{min-width:72px;padding:14px 10px}
.pif-count__num{font-size:36px}
.pif-count__sep{font-size:28px;padding-bottom:14px}
}
@media (max-width:520px){
.pif-launch{padding:60px 16px}
.pif-count{gap:6px}
.pif-count__box{min-width:62px;padding:12px 6px;border-radius:12px}
.pif-count__num{font-size:28px}
.pif-count__lbl{font-size:10px;letter-spacing:1px}
.pif-count__sep{display:none}
.pif-lbtn{width:100%;justify-content:center}
.pif-optin{padding:36px 24px}
}