/* Uptime Protection Nexus — Soft Modern Redesign. Palette: lime #CAF673, sky #6FBBD1 */
:root{--lime:#CAF673;--lime-s:#EEFBD2;--lime-d:#5C9E0B;--sky:#6FBBD1;--sky-s:#E3F4F9;--sky-d:#1F7F9B;--ink:#0F2F3A;--ink-2:#134B5C;--mut:#5A7480;--bg:#F7FBF5;
--sh:0 24px 60px -28px rgba(15,60,80,.28);--sh-s:0 10px 30px -14px rgba(15,60,80,.18);--ease:cubic-bezier(.22,.8,.3,1);
--f-d:'Bricolage Grotesque',system-ui,sans-serif;--f-b:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:var(--f-b);color:var(--ink);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--f-d);letter-spacing:-.025em;line-height:1.08;margin:0;color:inherit}
.up-wrap{width:min(1200px,92%);margin-inline:auto;position:relative}
.up-sec{padding:clamp(72px,9vw,130px) 0;position:relative}
.up-eyebrow{display:inline-flex;align-items:center;gap:9px;font:600 12.5px/1 var(--f-b);letter-spacing:.12em;text-transform:uppercase;padding:10px 16px;border-radius:99px;background:rgba(255,255,255,.75);color:var(--ink);box-shadow:var(--sh-s)}
.up-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime-d)}
.up-eyebrow.up-lt{background:rgba(255,255,255,.1);color:var(--lime);box-shadow:none}.up-eyebrow.up-lt:before{background:var(--lime)}
.up-h2{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800;margin:18px 0 16px}
.up-lead{font-size:clamp(1rem,1.3vw,1.14rem);color:var(--mut);line-height:1.7;max-width:56ch;margin:0}
/* buttons */
.up-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 15px var(--f-b);padding:15px 28px;border-radius:99px;border:0;text-decoration:none;transition:all .35s var(--ease);cursor:pointer;white-space:nowrap}
.up-btn:hover{transform:translateY(-3px)}
.up-lime{background:var(--lime);color:var(--ink);box-shadow:0 14px 30px -12px rgba(120,190,20,.7)}.up-lime:hover{color:var(--ink);box-shadow:0 20px 36px -12px rgba(120,190,20,.8)}
.up-dark{background:var(--ink);color:#fff;box-shadow:0 14px 30px -14px rgba(15,47,58,.6)}.up-dark:hover{color:var(--lime)}
.up-ghost{background:rgba(255,255,255,.7);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(15,47,58,.1)}.up-ghost:hover{background:#fff;color:var(--ink)}
/* NAV */
.up-nav{position:fixed;top:14px;left:0;right:0;z-index:60}
.up-in{width:min(1200px,94%);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.78);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-radius:99px;padding:8px 8px 8px 22px;box-shadow:var(--sh)}
.up-nav .logo__img, .up-brand img {
    height: 46px;
    width: auto;
    max-width: 170px;
    object-fit: contain;
    display: block;
}
.up-links{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.up-links a{font-weight:500;font-size:15px;color:var(--ink);text-decoration:none;padding:10px 16px;border-radius:99px;transition:.3s}.up-links a:hover{background:var(--lime-s)}
.up-burger{display:none;width:46px;height:46px;border-radius:50%;border:0;background:var(--lime);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;flex:none}
.up-burger span{width:18px;height:2px;border-radius:2px;background:var(--ink)}
.up-overlay{position:fixed;inset:0;background:rgba(15,47,58,.5);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.4s;z-index:90}.up-overlay.show{opacity:1;visibility:visible}
.up-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(330px,86%);background:linear-gradient(170deg,var(--ink),var(--ink-2));color:#fff;z-index:100;transform:translateX(-102%);transition:transform .45s var(--ease);padding:22px;display:flex;flex-direction:column;border-radius:0 32px 32px 0}
.up-sidebar.open{transform:none}.up-sidebar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.up-sidebar-close{background:var(--lime);border:0;border-radius:50%;width:40px;height:40px;font-size:22px;color:var(--ink)}
.up-sidebar-links{list-style:none;padding:0;margin:0 0 auto}.up-sidebar-links a{display:block;color:#fff;font:700 26px var(--f-d);text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.up-sidebar-actions{display:grid;gap:10px;margin-top:20px}
/* 1 HERO */
.up-hero{padding:150px 0 0;position:relative;overflow:hidden;background:linear-gradient(160deg,#DDF1F7 0%,#EEFBD2 65%,#F7FBF5 100%)}
.up-hero:before,.up-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.75;pointer-events:none}
.up-hero:before{width:520px;height:520px;background:var(--sky);left:-160px;top:-120px}
.up-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.up-hero h1{font-size:clamp(2.6rem,6.4vw,4.3rem);font-weight:800}
.up-hero h1 em{font-style:normal;display:block;background:linear-gradient(90deg,var(--sky-d),var(--lime-d));-webkit-background-clip:text;background-clip:text;color:transparent}
.up-hero .up-lead{margin:24px 0 34px;color:#3d5a66}.up-hero-cta{display:flex;flex-wrap:wrap;gap:14px}
.up-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.up-chips span{background:rgba(255,255,255,.7);backdrop-filter:blur(8px);border-radius:99px;padding:9px 16px;font-weight:500;font-size:14px;box-shadow:var(--sh-s)}
.up-board{background:rgba(255,255,255,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:34px;padding:26px;box-shadow:var(--sh);animation:flt 7s ease-in-out infinite}
.up-board-h{display:flex;justify-content:space-between;font-size:13px;color:var(--mut);margin-bottom:16px;font-weight:500}
.up-row-s{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:15px 16px;margin-bottom:10px;font-weight:600;box-shadow:var(--sh-s)}
.up-row-s i{width:11px;height:11px;border-radius:50%;background:var(--lime-d);box-shadow:0 0 0 5px rgba(92,158,11,.15);animation:pl 2.4s infinite}
.up-row-s b{margin-left:auto;font-size:11px;letter-spacing:.08em;background:var(--lime-s);color:var(--lime-d);padding:5px 10px;border-radius:99px}
.up-bars{display:flex;gap:6px;align-items:flex-end;height:72px;margin-top:18px}.up-bars s{flex:1;border-radius:99px;background:linear-gradient(180deg,var(--sky),var(--lime))}
.up-marq{margin-top:76px;overflow:hidden;white-space:nowrap;background:rgba(255,255,255,.55);backdrop-filter:blur(10px)}
.up-marq div{display:inline-block;padding:20px 0;font:700 18px var(--f-d);color:var(--ink-2);animation:mq 34s linear infinite}.up-marq span{margin:0 28px}
@keyframes mq{to{transform:translateX(-50%)}}@keyframes flt{50%{transform:translateY(-14px)}}@keyframes pl{50%{box-shadow:0 0 0 9px rgba(92,158,11,0)}}
/* 2 HOW */
.up-how{background:var(--bg)}
.up-how-track{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px;position:relative}
.up-how-track:before{content:"";position:absolute;top:34px;left:16%;right:16%;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--lime),var(--sky))}
.up-how-step{text-align:center;padding:0 10px;position:relative}
.up-n{width:68px;height:68px;border-radius:50%;margin:0 auto 22px;display:grid;place-items:center;font:800 1.4rem var(--f-d);background:linear-gradient(135deg,var(--lime),var(--sky));box-shadow:0 0 0 8px var(--bg),var(--sh-s);position:relative}
.up-how-step h3{font-size:1.4rem;margin-bottom:10px}.up-how-step p{color:var(--mut);max-width:30ch;margin:0 auto}
/* 3 INCLUDED */
.up-inc{background:linear-gradient(165deg,#0F2F3A,#134B5C);color:#fff;overflow:hidden}
.up-inc:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:var(--sky);filter:blur(120px);opacity:.25;right:-120px;top:-100px}
.up-inc .up-lead{color:#b8d0d8}.up-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px;position:relative}
.up-bt{background:rgba(255,255,255,.07);backdrop-filter:blur(10px);border-radius:28px;padding:28px;transition:all .45s var(--ease);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.up-bt:hover{transform:translateY(-8px);background:rgba(255,255,255,.12)}
.up-bt i{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(202,246,115,.15);color:var(--lime);font-size:20px}
.up-bt h3{font-size:1.2rem;margin:20px 0 8px}.up-bt p{color:#b8d0d8;font-size:14.5px;line-height:1.6;margin:0 0 16px}.up-bt small{color:var(--lime);font-weight:600;font-size:11.5px;letter-spacing:.08em}
.up-bt.up-w2{grid-column:span 2;background:linear-gradient(135deg,var(--lime),#B4E86A);color:var(--ink)}
.up-bt.up-sk{background:linear-gradient(135deg,var(--sky),#A5D9E7);color:var(--ink)}
.up-w2 i,.up-sk i{background:rgba(255,255,255,.55);color:var(--ink)}.up-w2 p,.up-sk p{color:#25454f}.up-w2 small,.up-sk small{color:var(--ink)}
/* 4 PRICING */
.up-price{background:linear-gradient(180deg,#fff,var(--sky-s) 55%,#fff)}
.up-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px;align-items:stretch}
.up-pgrid>div{display:flex}
.up-pcard{background:#fff;border-radius:34px;padding:38px 32px 32px;display:flex;flex-direction:column;position:relative;width:100%;box-shadow:var(--sh);transition:all .45s var(--ease)}
.up-pcard:hover{transform:translateY(-8px)}
.up-pcard.up-feat{background:linear-gradient(160deg,#E2F8AE,#BFE6F0);transform:translateY(-14px);box-shadow:0 34px 70px -30px rgba(40,120,150,.5)}.up-pcard.up-feat:hover{transform:translateY(-22px)}
.up-pbadge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--lime);font:600 11.5px var(--f-b);padding:9px 16px;border-radius:99px;letter-spacing:.08em;white-space:nowrap}
.up-pcard h3{font-size:1.7rem}.up-psub{font-size:14px;color:var(--mut);margin:6px 0 20px}.up-feat .up-psub{color:#2d4f5b}
.up-pval{font:800 clamp(2.3rem,3.6vw,3.1rem) var(--f-d);padding-top:20px;background:linear-gradient(var(--sky),var(--sky)) top/100% 1px no-repeat;background-color:transparent}
.up-ptag{display:inline-block;font:600 10.5px var(--f-b);letter-spacing:.1em;background:var(--lime-s);color:var(--lime-d);border-radius:99px;padding:6px 11px;vertical-align:middle;margin-left:10px}
.up-pfeat{margin:20px 0;flex:1;font-size:15px}.up-pfeat ul{list-style:none;padding:0;margin:0}.up-pfeat li{padding:8px 0 8px 32px;position:relative}
.up-pfeat li:before{content:"✓";position:absolute;left:0;top:8px;width:21px;height:21px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:11px;font-weight:700;display:grid;place-items:center}
.up-pnote{display:flex;gap:10px;font-size:13px;line-height:1.5;background:rgba(111,187,209,.14);border-radius:18px;padding:14px;margin-bottom:22px;color:#2d4f5b}.up-feat .up-pnote{background:rgba(255,255,255,.6)}
/* 5 WHY */
.up-why{background:#fff}.up-why-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px}.up-why-l{position:sticky;top:120px;align-self:start}
.up-why-r{display:grid;gap:16px}
.up-wrow{display:flex;gap:22px;align-items:flex-start;border-radius:28px;padding:26px;background:var(--sky-s);transition:all .4s var(--ease)}
.up-wrow:nth-child(even){background:var(--lime-s);margin-left:clamp(0px,4vw,48px)}.up-wrow:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.up-wrow b{flex:none;width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;font:800 1.05rem var(--f-d);box-shadow:var(--sh-s)}
.up-wrow h3{font-size:1.25rem;margin-bottom:6px}.up-wrow p{margin:0;color:var(--mut);line-height:1.6}
/* 6 PACKS */
.up-packs{background:linear-gradient(135deg,#EEFBD2,#DDF1F7)}.up-pk-g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px;align-items:start}
.up-pk{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border-radius:32px;padding:30px 26px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sh-s);transition:all .45s var(--ease)}
.up-pk:hover{transform:translateY(-8px);box-shadow:var(--sh)}.up-pk:nth-child(even){margin-top:36px;background:linear-gradient(160deg,var(--ink),var(--ink-2));color:#fff}
.up-no{font:700 12px var(--f-b);letter-spacing:.14em;color:var(--sky-d)}.up-pk:nth-child(even) .up-no{color:var(--lime)}
.up-pk h3{font-size:1.4rem}.up-pk p{font-size:14.5px;line-height:1.6;opacity:.8;margin:0}
.up-pk ul{list-style:none;padding:0;margin:0;font-size:14px;font-weight:500}.up-pk li{padding:5px 0}.up-pk li:before{content:"→  ";color:var(--lime-d)}
.up-tier{margin-top:6px;font-size:12px;font-weight:600;background:var(--lime);color:var(--ink);border-radius:99px;padding:8px 14px;align-self:flex-start}
/* 7 FAQ */
.up-faq{background:#fff}.up-faq-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.up-faqbox{background:linear-gradient(160deg,var(--lime),var(--sky));border-radius:36px;padding:38px;position:sticky;top:120px}
.up-faqbox h3{font-size:clamp(1.7rem,3vw,2.2rem);margin:16px 0 14px}.up-faqbox p{color:#1f4451;margin:0 0 24px;line-height:1.6}
.up-faqbox .up-eyebrow{background:rgba(255,255,255,.6);color:var(--ink)}
.up-faq .accordion-item{border:0;border-radius:24px!important;margin-bottom:12px;overflow:hidden;background:var(--bg);transition:.3s}
.up-faq .accordion-button{font:700 1.05rem var(--f-d);color:var(--ink);background:transparent;box-shadow:none;padding:22px 26px}
.up-faq .accordion-button:not(.collapsed){background:var(--sky-s);color:var(--ink)}.up-faq .accordion-button:focus{box-shadow:none}
.up-faq .accordion-body{color:var(--mut);padding:8px 26px 24px;line-height:1.7;background:var(--sky-s)}
/* FOOTER */
.up-footer{background:linear-gradient(180deg,var(--ink),#0A222B);color:#fff;padding:84px 0 30px;border-radius:44px 44px 0 0}
.up-footer h6{font:700 1rem var(--f-d);color:var(--lime);margin-bottom:18px}.up-footer ul{list-style:none;padding:0;margin:0}.up-footer li{margin-bottom:10px}
.up-footer a{color:#b8d0d8;text-decoration:none;font-size:14px;transition:.3s}.up-footer a:hover{color:var(--lime)}..up-footer .logo__img {
    height: 61px;
    width: auto;
}
.up-footer-bottom{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:24px;font-size:13px;color:#8fb0ba}
/* CHAT */
.up-chat-btn{position:fixed;right:18px;bottom:18px;width:60px;height:60px;border-radius:50%;background:var(--lime);border:0;box-shadow:0 16px 34px -10px rgba(120,190,20,.8);z-index:80;display:grid;place-items:center;transition:.3s}.up-chat-btn:hover{transform:scale(1.08)}
.ping-dot{position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 0 3px #fff}
.up-chat-panel{position:fixed;right:18px;bottom:90px;width:min(360px,calc(100% - 36px));background:#fff;border-radius:28px;z-index:80;display:none;overflow:hidden;box-shadow:0 30px 80px -20px rgba(15,60,80,.4)}.up-chat-panel.open{display:block;animation:pop .35s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.97)}}
.up-chat-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--lime),var(--sky));padding:16px 20px}
.up-chat-body{height:250px;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:8px}
.up-msg,.pg-msg{padding:11px 15px;border-radius:18px;font-size:14px;max-width:85%;line-height:1.5}.up-msg.bot,.pg-msg.bot{background:var(--sky-s);border-bottom-left-radius:6px}.up-msg.user,.pg-msg.user{background:var(--lime);align-self:flex-end;border-bottom-right-radius:6px}
.up-chat-foot{display:flex;gap:8px;padding:12px;background:var(--bg)}.up-chat-foot input{flex:1;border:0;background:#fff;border-radius:99px;padding:11px 16px;min-width:0;box-shadow:var(--sh-s);outline:0}.up-chat-foot button{border:0;background:var(--lime);border-radius:50%;width:42px;height:42px}
/* reveal */
.up-rv{transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.up-rv.up-in-v{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.up-rv{opacity:1;transform:none}}
/* RESPONSIVE */
@media(max-width:991px){.up-links{display:none}.up-burger{display:flex}.up-hero-grid,.up-why-g,.up-faq-g{grid-template-columns:1fr}.up-why-l,.up-faqbox{position:static}
.up-bento,.up-pk-g{grid-template-columns:repeat(2,1fr)}.up-pgrid{grid-template-columns:1fr;max-width:480px;margin-inline:auto}.up-pcard.up-feat{transform:none}.up-pk:nth-child(even){margin-top:0}}
@media(max-width:640px){.up-nav{top:10px}.up-in{padding:6px 6px 6px 16px}.up-nav .logo__img,.up-brand img{height:28px}
.up-hero{padding-top:118px}.up-hero-cta .up-btn{width:100%}.up-how-track{grid-template-columns:1fr;gap:34px;margin-left:6px}.up-how-track:before{top:34px;bottom:34px;left:34px;right:auto;width:3px;height:auto}
.up-how-step{text-align:left;display:grid;grid-template-columns:68px 1fr;column-gap:20px;align-items:center}.up-n{grid-row:span 2;margin:0}.up-how-step p{margin:0}
.up-bento,.up-pk-g{grid-template-columns:1fr}.up-bt.up-w2{grid-column:auto}.up-wrow:nth-child(even){margin-left:0}.up-wrow{padding:20px;gap:16px}.up-faqbox{padding:28px}.up-footer{border-radius:32px 32px 0 0}.up-btn{padding:14px 22px}}


.up-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}

.up-chips span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.7);
  backdrop-filter:blur(8px);
  border-radius:99px;
  padding:9px 16px;
  font-weight:500;
  font-size:14px;
  box-shadow:var(--sh-s);
}

/* round lime badge behind each icon */
.up-chips span i{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:var(--lime);
  color:var(--ink);
  font-size:12px;
}

.up-marq span i{margin-left:28px;font-size:12px;color:var(--sky-d);vertical-align:middle}