:root{
  --uf-blue:#1951aa;
  --uf-blue-dark:#123d86;
  --uf-orange:#fe8f12;
  --uf-orange-soft:#fff1df;
  --uf-text:#0b1220;
  --uf-muted:#5d677a;
  --uf-bg:#f5f8ff;
  --uf-surface:#ffffff;
  --uf-border:#e8edf7;
  --uf-radius:22px;
  --uf-shadow:0 18px 45px rgba(19, 39, 80, .10);
}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--uf-text);background:linear-gradient(180deg,#f7f9ff 0,#f4f7fd 100%);line-height:1.65}
a{color:var(--uf-blue);text-decoration:none} a:hover{text-decoration:underline}
.uf-container{max-width:1240px;margin:0 auto;padding:0 22px}
.uf-main{min-height:70vh;padding:20px 0 0}
.uf-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(232,237,247,.8)}
.uf-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.uf-brand{display:flex;align-items:center;gap:10px}
.uf-brand__name{font-size:29px;font-weight:800;color:var(--uf-blue);letter-spacing:-0.03em}
.uf-brand img{max-height:42px;width:auto}
.uf-nav{display:flex;align-items:center}
.uf-menu__list,.uf-footer__list{display:flex;list-style:none;gap:10px;margin:0;padding:0}
.uf-menu__list a{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;color:#1f2e4a;font-weight:600}
.uf-menu__list a:hover{background:#edf3ff;text-decoration:none}
.uf-nav__toggle{display:none;border:1px solid var(--uf-border);background:#fff;border-radius:14px;padding:10px;cursor:pointer}
.uf-nav__toggle span{display:block;width:18px;height:2px;background:#1f2e4a;margin:4px 0}

.uf-content{padding:28px 0 46px}
.uf-page__content,.uf-card{background:var(--uf-surface);border:1px solid var(--uf-border);border-radius:var(--uf-radius);box-shadow:var(--uf-shadow);padding:24px}
.uf-page__title{margin:0 0 14px;font-size:42px;letter-spacing:-.04em}
.uf-posts{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.uf-posts .uf-card{grid-column:span 4}
.uf-card__title{margin:0 0 8px;font-size:22px}
.uf-card__meta{color:var(--uf-muted);font-size:13px;margin-bottom:10px}

.uf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:16px;background:var(--uf-blue);color:#fff;font-weight:700;border:1px solid transparent;box-shadow:0 10px 24px rgba(25,81,170,.22)}
.uf-btn:hover{text-decoration:none;filter:brightness(.98)}
.uf-btn--ghost{background:#fff;color:var(--uf-blue);border-color:#d8e5ff;box-shadow:none}
.uf-btn--ghost:hover{background:#f6f9ff}
.uf-note{color:var(--uf-muted);font-size:14px}

/* Premium landing sections */
.uf-section{position:relative;padding:84px 0}
.uf-section--tight{padding:58px 0}
.uf-section--alt{background:linear-gradient(180deg,#ffffff 0,#f9fbff 100%);border-top:1px solid #edf1f9;border-bottom:1px solid #edf1f9}
.uf-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:#eef4ff;color:var(--uf-blue);font-weight:700;font-size:13px;letter-spacing:.01em}
.uf-hero{padding:54px 0 70px;overflow:hidden}
.uf-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}
.uf-hero__title{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.055em;margin:18px 0 18px;max-width:720px}
.uf-grad{background:linear-gradient(90deg,var(--uf-blue) 0,var(--uf-orange) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.uf-hero__sub{font-size:18px;color:#3f4d67;max-width:680px;margin:0 0 24px}
.uf-hero__buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.uf-hero__meta{display:flex;gap:18px;flex-wrap:wrap;color:#38507d;font-size:14px;font-weight:600}
.uf-hero__meta span{display:inline-flex;align-items:center;gap:8px}
.uf-hero__meta span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,var(--uf-blue),var(--uf-orange))}
.uf-mock{
  position:relative;background:linear-gradient(180deg,#fff 0,#f6f9ff 100%);
  border:1px solid #dfe7fb;border-radius:28px;padding:20px;box-shadow:0 30px 80px rgba(18,61,134,.14)
}
.uf-mock:before,.uf-mock:after{content:"";position:absolute;border-radius:50%;filter:blur(32px);opacity:.28;z-index:0}
.uf-mock:before{width:180px;height:180px;background:#6ba6ff;top:-60px;right:-20px}
.uf-mock:after{width:160px;height:160px;background:#ffcf8b;bottom:-40px;left:-20px}
.uf-mock > *{position:relative;z-index:1}
.uf-window{background:#0d1730;border-radius:20px;padding:14px;box-shadow:0 18px 36px rgba(11,18,32,.22)}
.uf-window__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.uf-dots{display:flex;gap:8px}.uf-dots span{width:10px;height:10px;border-radius:50%;background:#6f7ea4}.uf-dots span:first-child{background:#ff7b7b}.uf-dots span:nth-child(2){background:#ffd166}.uf-dots span:nth-child(3){background:#5ad77b}
.uf-window__label{color:#c7d2ef;font-size:12px;font-weight:700}
.uf-scorecard{background:#fff;border-radius:18px;padding:18px}
.uf-scorecard__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.uf-score{font-size:44px;line-height:1;font-weight:800;color:#10264d}
.uf-score-sub{font-size:13px;color:var(--uf-muted);font-weight:700}
.uf-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#edf6ff;color:#11438f;font-weight:700;font-size:12px}
.uf-gauge{height:18px;border-radius:999px;background:linear-gradient(90deg,#ffb8b8,#ffe3af,#c8f0d2);position:relative;overflow:hidden;border:1px solid #edf1f7}
.uf-gauge__fill{position:absolute;left:0;top:0;bottom:0;width:82%;background:linear-gradient(90deg,var(--uf-blue),var(--uf-orange));border-radius:999px}
.uf-gauge__handle{position:absolute;left:82%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--uf-orange);box-shadow:0 12px 26px rgba(0,0,0,.18)}
.uf-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}
.uf-check{background:#f7faff;border:1px solid #e3ecff;border-radius:14px;padding:12px;font-size:13px;font-weight:700;color:#20314f}
.uf-check.bad{background:#fff7ef;border-color:#ffe4bf}

.uf-logo-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:26px}
.uf-logo{display:flex;align-items:center;justify-content:center;padding:15px;border:1px solid #edf1f7;border-radius:16px;background:#fff;color:#6b7692;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px;box-shadow:var(--uf-shadow)}

.uf-section-title{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.05em;margin:0 0 14px}
.uf-section-sub{max-width:760px;color:#48556f;font-size:17px;margin:0 0 28px}
.uf-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.uf-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.uf-feature{
  background:#fff;border:1px solid #e7eefb;border-radius:24px;padding:26px;box-shadow:var(--uf-shadow);height:100%
}
.uf-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(180deg,#edf4ff,#fff3e4);border:1px solid #e3ebff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px}
.uf-feature h3{font-size:22px;margin:0 0 10px}
.uf-feature p{margin:0;color:#53607a}
.uf-tag-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.uf-tag{padding:8px 12px;border-radius:999px;background:#f7faff;border:1px solid #e3ebff;color:#24467c;font-weight:700;font-size:12px}

.uf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.uf-step{position:relative;background:#fff;border:1px solid #e7eefb;border-radius:24px;padding:28px 24px 24px;box-shadow:var(--uf-shadow)}
.uf-step__num{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:14px;background:#edf4ff;color:var(--uf-blue);display:flex;align-items:center;justify-content:center;font-weight:800}
.uf-step h3{margin:10px 0 8px;font-size:24px}
.uf-step p{margin:0;color:#53607a}

.uf-split-card{background:#fff;border:1px solid #e7eefb;border-radius:28px;box-shadow:var(--uf-shadow);padding:30px}
.uf-list{margin:0;padding-left:18px}
.uf-list li{margin:7px 0;color:#223250}
.uf-faq{display:grid;gap:14px}
.uf-faq-item{background:#fff;border:1px solid #e7eefb;border-radius:22px;padding:20px 22px;box-shadow:var(--uf-shadow)}
.uf-faq-item h3{margin:0 0 10px;font-size:20px}
.uf-faq-item p{margin:0;color:#53607a}
.uf-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.uf-quote{background:#fff;border:1px solid #e7eefb;border-radius:24px;padding:24px;box-shadow:var(--uf-shadow)}
.uf-quote p{margin:0 0 18px;color:#33415e}
.uf-quote__meta{display:flex;align-items:center;gap:12px}
.uf-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#e8f0ff,#fff1df);display:flex;align-items:center;justify-content:center;font-weight:800;color:#12418c}
.uf-quote strong{display:block}
.uf-quote span{color:var(--uf-muted);font-size:13px}
.uf-cta{
  background:linear-gradient(135deg,#123d86 0,#1951aa 45%,#fe8f12 130%);
  color:#fff;border-radius:34px;padding:36px;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(18,61,134,.24)
}
.uf-cta h2{margin:0 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.05}
.uf-cta p{max-width:700px;color:rgba(255,255,255,.88);font-size:17px;margin:0 0 18px}
.uf-cta .uf-btn{background:#fff;color:#123d86;box-shadow:none}
.uf-cta .uf-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}

.uf-footer{margin-top:30px;border-top:1px solid #e8edf7;background:#fff}
.uf-footer__top{display:flex;justify-content:space-between;gap:24px;padding:30px 22px 22px}
.uf-footer__bottom{padding:0 22px 24px;color:var(--uf-muted)}

@media (max-width: 1100px){
  .uf-hero__grid,.uf-grid-3,.uf-steps,.uf-testimonials,.uf-grid-2,.uf-logo-row{grid-template-columns:1fr 1fr}
  .uf-posts .uf-card{grid-column:span 6}
}
@media (max-width: 800px){
  .uf-nav__toggle{display:block}
  .uf-menu{display:none;position:absolute;top:72px;right:22px;background:#fff;border:1px solid #e8edf7;border-radius:20px;box-shadow:var(--uf-shadow);padding:12px;min-width:250px}
  .uf-menu.is-open{display:block}
  .uf-menu__list{flex-direction:column;align-items:stretch}
  .uf-menu__list a{width:100%}
  .uf-hero__grid,.uf-grid-3,.uf-grid-2,.uf-steps,.uf-testimonials,.uf-logo-row{grid-template-columns:1fr}
  .uf-posts .uf-card{grid-column:span 12}
  .uf-hero{padding-top:34px}
  .uf-footer__top{flex-direction:column}
}