/* useseotools.com | 27th site | Valencia, Spain | SEO Agency
   FIRST Gray #F9FAFB + Near-Black #0D1117 + Sky Blue #0EA5E9!
   FIRST Oxanium + Inter fonts!
   FIRST always-dark sticky header (dark SaaS)!
   FIRST dark tech hero with CSS SEO rankings dashboard!
   FIRST featured testimonial + 3 metrics cards!
   FIRST horizontal numbered process steps!
   FIRST numbered sky-blue left-bar accordion FAQ!
   FIRST .ust-rack builder panel!
   FIRST Crawl/Rank/Dominate pricing (SEO-themed)!
   FIRST SEO services: audit/keywords/onpage/links/local/content!
   FIRST IG+TW+YT! FIRST bar chart favicon!
   FIRST Valencia Quatre Carreres! FIRST EN/ES bilingual!
   Section order: Hero(dark)→Svc→Case→Process→Testi→Price→FAQ→CTA(blue)!
   Min 11px (0.69rem) enforced! ust- CSS | UST JS */
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');
:root {
  --ust-white:#FFFFFF; --ust-bg:#F9FAFB;
  --ust-card:#FFFFFF; --ust-card-d:#F3F4F6;
  --ust-dark:#111827; --ust-dark-l:#1F2937; --ust-dark-d:#0D1117;
  --ust-sky:#0EA5E9; --ust-sky-l:#38BDF8; --ust-sky-d:#0284C7;
  --ust-sky-bg:rgba(14,165,233,.1); --ust-sky-bgd:rgba(14,165,233,.06);
  --ust-muted:#6B7280; --ust-warm:#374151;
  --ust-line:#E5E7EB; --ust-line-d:rgba(255,255,255,.08);
  --ust-grn:#10B981;
  --ust-max:1200px;
  --ust-fh:'Oxanium',system-ui,sans-serif;
  --ust-fb:'Inter',system-ui,sans-serif;
  --ust-r:6px; --ust-r2:14px; --ust-r3:100px;
  --ust-ease:all .2s cubic-bezier(.4,0,.2,1);
  --ust-sh:0 1px 8px rgba(0,0,0,.06);
  --ust-sh2:0 16px 48px rgba(0,0,0,.14);
}
/* RESET — min 11px (0.69rem) everywhere */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--ust-bg);color:var(--ust-warm);font-family:var(--ust-fb);font-size:1rem;line-height:1.7;overflow-x:hidden;min-width:320px;}
img{display:block;max-width:100%;height:auto;}a{color:inherit;text-decoration:none;}ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}input,textarea,select{font-family:inherit;}
address{font-style:normal;}h1,h2,h3,h4{font-family:var(--ust-fh);}
p{font-size:clamp(0.75rem,1.5vw,0.92rem);line-height:1.78;color:var(--ust-warm);}

/* ═══ DARK SaaS HEADER (FIRST! Always-dark sticky) ═══ */
.ust-hd{position:fixed;top:0;width:100%;z-index:500;background:var(--ust-dark-d);border-bottom:1px solid var(--ust-line-d);transition:box-shadow .2s;}
.ust-hd.ust-hd-scroll{box-shadow:0 2px 20px rgba(0,0,0,.4);}
.ust-hd-in{max-width:var(--ust-max);margin:0 auto;padding:0 2rem;height:66px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}
/* Oxanium logo bigger */
.ust-logo{font-family:var(--ust-fh);font-size:clamp(1.3rem,2vw,1.6rem);font-weight:700;color:white;text-decoration:none;flex-shrink:0;letter-spacing:-.02em;}
.ust-logo span{color:var(--ust-sky);}
/* Nav (Inter bigger than body) */
.ust-nav{flex:1;display:flex;justify-content:center;align-items:center;gap:.1rem;}
.ust-nlk{font-family:var(--ust-fb);font-size:clamp(0.85rem,1.2vw,0.95rem);font-weight:500;color:rgba(255,255,255,.45);padding:.22rem .55rem;text-decoration:none;border-radius:var(--ust-r);transition:color .14s;white-space:nowrap;}
.ust-nlk:hover,.ust-nlk.ust-on{color:white;}
.ust-nlk.ust-on{color:var(--ust-sky-l);}
.ust-hd-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0;}
.ust-ls-wrap{display:flex;gap:.05rem;}
.ust-ls{font-family:var(--ust-fb);font-size:0.72rem;font-weight:600;color:rgba(255,255,255,.2);cursor:pointer;padding:.05rem .18rem;border:none;background:none;transition:color .14s;}
.ust-ls.ust-ls-on,.ust-ls:hover{color:var(--ust-sky-l);}
.ust-hd-cta{font-family:var(--ust-fb);font-size:clamp(0.78rem,1.2vw,0.88rem);font-weight:600;color:var(--ust-dark);background:var(--ust-sky);padding:.3rem .9rem;border-radius:var(--ust-r3);text-decoration:none;white-space:nowrap;transition:background .14s;}
.ust-hd-cta:hover{background:var(--ust-sky-l);}
.ust-mob-btn{display:none;color:rgba(255,255,255,.6);}
/* Mobile drawer */
.ust-mob-drawer{position:fixed;top:0;right:0;bottom:0;width:82%;max-width:320px;background:var(--ust-dark);z-index:700;transform:translateX(100%);transition:transform .3s;padding:5rem 2rem 2rem;overflow-y:auto;}
.ust-mob-drawer.ust-md-open{transform:translateX(0);}
.ust-md-close{position:absolute;top:1.2rem;right:1.2rem;color:rgba(255,255,255,.3);}
.ust-md-nav{display:flex;flex-direction:column;gap:.15rem;margin-bottom:1rem;}
.ust-md-lk{font-family:var(--ust-fb);font-size:1.1rem;color:rgba(255,255,255,.5);padding:.3rem 0;text-decoration:none;transition:color .14s;}
.ust-md-lk:hover{color:white;}
.ust-mob-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:699;opacity:0;pointer-events:none;transition:opacity .3s;}
.ust-mob-overlay.ust-ov-vis{opacity:1;pointer-events:auto;}

/* PAGE BANNER (dark, for inner pages) */
.ust-pg-bnr{background:var(--ust-dark-d);padding:6rem 2rem 3.5rem;border-bottom:1px solid var(--ust-line-d);}
.ust-pg-bnr-in{max-width:var(--ust-max);margin:0 auto;}
.ust-pg-chip{font-family:var(--ust-fb);font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--ust-sky);display:inline-block;margin-bottom:.55rem;}
.ust-pg-bnr h1{font-family:var(--ust-fh);font-size:clamp(2rem,5vw,3.8rem);color:white;line-height:1.1;font-weight:700;}
.ust-pg-sub{font-size:clamp(0.78rem,1.5vw,0.9rem);color:rgba(255,255,255,.3);margin:.5rem 0 0;max-width:60ch;line-height:1.78;}

/* ═══ HERO: Dark tech with CSS SEO rankings dashboard (FIRST!) ═══ */
.ust-hero-shell{background:var(--ust-dark-d);padding-top:66px;min-height:100vh;display:flex;align-items:center;}
.ust-hz-in{max-width:var(--ust-max);margin:0 auto;padding:5rem 2rem;display:grid;grid-template-columns:1fr 420px;gap:5rem;align-items:center;}
.ust-hz-eyebrow{font-family:var(--ust-fb);font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--ust-sky);display:flex;align-items:center;gap:.4rem;margin-bottom:1.2rem;}
.ust-hz-eyebrow::before{content:'';width:18px;height:1.5px;background:var(--ust-sky);}
.ust-hz-h1{font-family:var(--ust-fh);font-size:clamp(2.5rem,5.5vw,5rem);font-weight:700;color:white;line-height:1.1;margin:0 0 1rem;letter-spacing:-.025em;}
.ust-hz-h1 span{color:var(--ust-sky);}
.ust-hz-sub{font-size:clamp(0.85rem,1.5vw,1rem);color:rgba(255,255,255,.4);line-height:1.78;max-width:48ch;margin:0 0 2.5rem;}
.ust-hz-acts{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:3rem;}
/* Hero trust strip */
.ust-hz-trust{display:flex;gap:2rem;flex-wrap:wrap;}
.ust-hz-tm{display:flex;align-items:center;gap:.4rem;font-size:0.75rem;color:rgba(255,255,255,.3);}
.ust-hz-tm svg{color:var(--ust-grn);}
/* CSS SEO Dashboard (FIRST!) */
.ust-hz-dash{background:rgba(255,255,255,.04);border:1px solid var(--ust-line-d);border-radius:var(--ust-r2);overflow:hidden;}
.ust-dash-hd{background:rgba(255,255,255,.03);border-bottom:1px solid var(--ust-line-d);padding:.7rem 1rem;display:flex;justify-content:space-between;align-items:center;}
.ust-dash-hd-nm{font-family:var(--ust-fh);font-size:0.82rem;font-weight:600;color:rgba(255,255,255,.7);}
.ust-dash-hd-stat{font-family:var(--ust-fb);font-size:0.72rem;font-weight:600;color:var(--ust-grn);}
.ust-dash-cols{display:grid;grid-template-columns:1fr auto auto;gap:.3rem;padding:.2rem 1rem;border-bottom:1px solid rgba(255,255,255,.03);}
.ust-dash-col-hd{font-family:var(--ust-fb);font-size:0.69rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.15);padding:.4rem 0;}
.ust-dash-row{display:grid;grid-template-columns:1fr auto auto;gap:.3rem;padding:.45rem 1rem;border-bottom:1px solid rgba(255,255,255,.03);align-items:center;transition:background .14s;}
.ust-dash-row:hover{background:rgba(255,255,255,.03);}
.ust-dash-row:last-child{border-bottom:none;}
.ust-dash-kw{font-family:var(--ust-fb);font-size:0.78rem;color:rgba(255,255,255,.5);}
.ust-dash-pos{font-family:var(--ust-fh);font-size:0.88rem;font-weight:600;color:var(--ust-sky-l);text-align:center;min-width:32px;}
.ust-dash-chg{font-family:var(--ust-fb);font-size:0.72rem;font-weight:600;color:var(--ust-grn);text-align:right;min-width:36px;}
.ust-dash-chg.ust-dg-neu{color:rgba(255,255,255,.2);}
.ust-dash-ft{padding:.5rem 1rem;background:rgba(255,255,255,.02);}
.ust-dash-ft-txt{font-size:0.69rem;color:rgba(255,255,255,.15);}

/* SERVICE GRID */
.ust-svc-section{background:var(--ust-white);border-bottom:1px solid var(--ust-line);}
.ust-svc-in{max-width:var(--ust-max);margin:0 auto;padding:6rem 2rem;}
.ust-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.ust-svc-tile{background:var(--ust-bg);border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);padding:1.6rem;text-decoration:none;display:block;transition:var(--ust-ease);position:relative;overflow:hidden;}
.ust-svc-tile::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--ust-sky);transform:scaleX(0);transform-origin:left;transition:transform .22s;}
.ust-svc-tile:hover{border-color:var(--ust-sky);box-shadow:0 4px 24px rgba(14,165,233,.12);}
.ust-svc-tile:hover::before{transform:scaleX(1);}
.ust-st-ico{width:36px;height:36px;background:var(--ust-sky-bg);border-radius:var(--ust-r);display:flex;align-items:center;justify-content:center;color:var(--ust-sky);margin-bottom:.8rem;}
.ust-st-nm{font-family:var(--ust-fh);font-size:clamp(0.85rem,1.3vw,0.95rem);color:var(--ust-dark);display:block;margin-bottom:.2rem;font-weight:600;}
.ust-st-pr{font-family:var(--ust-fb);font-size:0.72rem;font-weight:600;color:var(--ust-sky);background:var(--ust-sky-bg);padding:.04rem .32rem;border-radius:var(--ust-r3);display:inline-block;margin-bottom:.35rem;}
.ust-st-tag{font-size:0.78rem;color:var(--ust-muted);line-height:1.62;}

/* CASES */
.ust-cases-section{background:var(--ust-dark);padding:6rem 2rem;}
.ust-cases-in{max-width:var(--ust-max);margin:0 auto;}
.ust-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ust-line-d);margin-top:2.5rem;border-radius:var(--ust-r2);overflow:hidden;}
.ust-case-cell{background:var(--ust-dark-l);padding:2rem;transition:background .2s;}
.ust-case-cell:hover{background:#253040;}
.ust-cc-cat{font-family:var(--ust-fb);font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--ust-sky);display:block;margin-bottom:.3rem;}
.ust-cc-res{font-family:var(--ust-fh);font-size:clamp(2.2rem,4vw,3rem);font-weight:700;color:white;display:block;line-height:1;margin-bottom:.4rem;letter-spacing:-.02em;}
.ust-cc-h{font-size:clamp(0.78rem,1.2vw,0.88rem);color:rgba(255,255,255,.4);margin-bottom:.4rem;line-height:1.5;font-weight:500;}
.ust-cc-p{font-size:clamp(0.72rem,1.1vw,0.8rem);color:rgba(255,255,255,.22);line-height:1.72;}

/* PROCESS: Horizontal numbered steps (FIRST!) */
.ust-proc-section{background:var(--ust-bg);padding:6rem 2rem;border-top:1px solid var(--ust-line);}
.ust-proc-in{max-width:var(--ust-max);margin:0 auto;}
.ust-proc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2.5rem;position:relative;}
/* Connecting line between steps */
.ust-proc-steps::before{content:'';position:absolute;top:28px;left:14%;right:14%;height:1px;background:var(--ust-line);}
.ust-proc-step{padding:0 1rem;position:relative;text-align:center;}
.ust-ps-dot{width:56px;height:56px;border-radius:50%;background:var(--ust-sky-bg);border:2px solid var(--ust-sky);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;z-index:1;transition:var(--ust-ease);}
.ust-ps-dot:hover,.ust-proc-step:hover .ust-ps-dot{background:var(--ust-sky);color:white;}
.ust-ps-dot svg{color:var(--ust-sky);}
.ust-proc-step:hover .ust-ps-dot svg{color:white;}
.ust-ps-num{font-family:var(--ust-fh);font-size:0.72rem;font-weight:700;color:var(--ust-sky);display:block;margin-bottom:.25rem;}
.ust-ps-nm{font-family:var(--ust-fh);font-size:clamp(0.82rem,1.2vw,0.9rem);color:var(--ust-dark);font-weight:600;display:block;margin-bottom:.3rem;}
.ust-ps-body{font-size:0.78rem;color:var(--ust-muted);line-height:1.68;}

/* TESTIMONIALS: Featured + metrics (FIRST!) */
.ust-testi-section{background:var(--ust-white);padding:6rem 2rem;border-top:1px solid var(--ust-line);}
.ust-testi-in{max-width:var(--ust-max);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;}
/* Featured testimonial */
.ust-ft-stars{color:var(--ust-sky);font-size:0.82rem;letter-spacing:2px;display:block;margin-bottom:.8rem;}
.ust-ft-quote{font-family:var(--ust-fh);font-size:clamp(1rem,2vw,1.4rem);color:var(--ust-dark);line-height:1.5;font-weight:500;margin-bottom:1.5rem;}
.ust-ft-who{font-family:var(--ust-fh);font-size:clamp(0.85rem,1.3vw,0.95rem);color:var(--ust-dark);font-weight:700;display:block;}
.ust-ft-role{font-size:0.75rem;color:var(--ust-muted);display:block;}
/* Metrics cards (FIRST 3-metric layout!) */
.ust-metric-grid{display:flex;flex-direction:column;gap:1rem;}
.ust-metric-card{background:var(--ust-bg);border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);padding:1.2rem 1.5rem;display:flex;align-items:center;gap:1rem;}
.ust-mc-val{font-family:var(--ust-fh);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--ust-sky);flex-shrink:0;min-width:70px;letter-spacing:-.02em;}
.ust-mc-lbl{font-size:0.78rem;color:var(--ust-muted);line-height:1.45;}

/* PRICING */
.ust-price-section{background:var(--ust-bg);padding:6rem 2rem;border-top:1px solid var(--ust-line);}
.ust-price-in{max-width:var(--ust-max);margin:0 auto;}
.ust-price-h2{font-family:var(--ust-fh);font-size:clamp(2rem,5vw,4rem);color:var(--ust-dark);font-weight:700;margin-bottom:.3rem;letter-spacing:-.025em;}
.ust-price-sub{font-size:clamp(0.78rem,1.5vw,0.9rem);color:var(--ust-muted);margin-bottom:2.5rem;}
.ust-plan-cols{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:1.5rem;align-items:start;}
.ust-plan-card{border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);overflow:hidden;background:var(--ust-white);}
.ust-plan-card.ust-pk-feat{border-color:var(--ust-sky);box-shadow:0 0 0 4px var(--ust-sky-bg);}
.ust-pk-top{padding:1.2rem;border-bottom:1px solid var(--ust-line);}
.ust-plan-card.ust-pk-feat .ust-pk-top{background:var(--ust-dark);}
.ust-pk-badge{font-family:var(--ust-fb);font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--ust-muted);display:block;margin-bottom:.2rem;}
.ust-plan-card.ust-pk-feat .ust-pk-badge{color:rgba(255,255,255,.3);}
.ust-pk-nm{font-family:var(--ust-fh);font-size:clamp(1.6rem,3vw,2rem);color:var(--ust-dark);font-weight:700;letter-spacing:-.02em;}
.ust-plan-card.ust-pk-feat .ust-pk-nm{color:var(--ust-sky-l);}
.ust-pk-tl{font-size:0.78rem;color:var(--ust-muted);margin-top:.12rem;line-height:1.5;}
.ust-plan-card.ust-pk-feat .ust-pk-tl{color:rgba(255,255,255,.3);}
.ust-pk-body{padding:1.2rem;}
.ust-pk-pr{display:flex;align-items:baseline;gap:.2rem;margin-bottom:1rem;}
.ust-pk-amt{font-family:var(--ust-fh);font-size:clamp(1.8rem,3vw,2.4rem);color:var(--ust-dark);font-weight:700;letter-spacing:-.02em;}
.ust-pk-pp{font-size:0.75rem;color:var(--ust-muted);}
.ust-pk-rows{display:flex;flex-direction:column;gap:.26rem;margin-bottom:1.2rem;}
.ust-pk-rows li{display:flex;align-items:flex-start;gap:.35rem;font-size:0.78rem;color:var(--ust-warm);}
.ust-pk-rows li svg{color:var(--ust-sky);flex-shrink:0;margin-top:.1rem;}

/* FAQ: Numbered with sky-blue left bar (FIRST!) */
.ust-faq-section{background:var(--ust-white);padding:6rem 2rem;border-top:1px solid var(--ust-line);}
.ust-faq-in{max-width:720px;margin:0 auto;}
.ust-faq-list{margin-top:2.5rem;}
.ust-faq-item{border-bottom:1px solid var(--ust-line);}
.ust-fq-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 0;cursor:pointer;}
.ust-fq-left{display:flex;align-items:flex-start;gap:.8rem;}
.ust-fq-num{font-family:var(--ust-fh);font-size:0.72rem;font-weight:700;color:var(--ust-sky);min-width:20px;flex-shrink:0;margin-top:.12rem;}
.ust-fq-q{font-family:var(--ust-fh);font-size:clamp(0.85rem,1.5vw,0.95rem);color:var(--ust-dark);font-weight:600;}
.ust-faq-item.ust-fi-open .ust-fq-q{color:var(--ust-sky);}
.ust-fq-tog{width:22px;height:22px;border:1.5px solid var(--ust-line);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ust-muted);transition:var(--ust-ease);font-size:.9rem;}
.ust-faq-item.ust-fi-open .ust-fq-tog{background:var(--ust-sky);border-color:var(--ust-sky);color:white;transform:rotate(45deg);}
.ust-fq-body{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.ust-faq-item.ust-fi-open .ust-fq-body{max-height:320px;}
/* SKY BLUE LEFT BAR on open (FIRST!) */
.ust-fq-ans{font-size:clamp(0.78rem,1.2vw,0.88rem);color:var(--ust-warm);line-height:1.78;padding:.6rem 0 1rem 1.8rem;border-left:2px solid var(--ust-sky);}

/* CTA STRIP: Sky blue (FIRST sky blue CTA strip!) */
.ust-cta-strip{background:var(--ust-sky);padding:5rem 2rem;}
.ust-cta-in{max-width:var(--ust-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.ust-cta-h{font-family:var(--ust-fh);font-size:clamp(2rem,4vw,3rem);color:white;line-height:1.1;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em;}
.ust-cta-sub{font-size:clamp(0.78rem,1.5vw,0.9rem);color:rgba(255,255,255,.7);line-height:1.78;margin-bottom:1.5rem;}
.ust-cta-form{background:white;border-radius:var(--ust-r2);padding:1.8rem;}
.ust-cta-form h3{font-family:var(--ust-fh);font-size:clamp(0.88rem,1.5vw,1rem);color:var(--ust-dark);margin-bottom:1rem;font-weight:700;}

/* BUTTONS */
.ust-btn-sky{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--ust-fb);font-size:clamp(0.82rem,1.2vw,0.9rem);font-weight:600;color:var(--ust-dark);background:var(--ust-sky);padding:.44rem 1.2rem;border-radius:var(--ust-r3);transition:var(--ust-ease);border:none;cursor:pointer;text-decoration:none;white-space:nowrap;}
.ust-btn-sky:hover{background:var(--ust-sky-l);}
.ust-btn-dark{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--ust-fb);font-size:clamp(0.82rem,1.2vw,0.9rem);font-weight:600;color:white;background:var(--ust-dark);padding:.44rem 1.2rem;border-radius:var(--ust-r3);transition:var(--ust-ease);border:none;cursor:pointer;text-decoration:none;white-space:nowrap;}
.ust-btn-dark:hover{background:var(--ust-dark-l);}
.ust-btn-ghost-w{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--ust-fb);font-size:clamp(0.82rem,1.2vw,0.9rem);font-weight:600;color:rgba(255,255,255,.8);background:transparent;padding:.42rem 1.2rem;border-radius:var(--ust-r3);border:1.5px solid rgba(255,255,255,.35);transition:var(--ust-ease);text-decoration:none;white-space:nowrap;}
.ust-btn-ghost-w:hover{border-color:white;color:white;}
.ust-btn-ghost-d{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--ust-fb);font-size:clamp(0.82rem,1.2vw,0.9rem);font-weight:600;color:var(--ust-dark);background:transparent;padding:.42rem 1.2rem;border-radius:var(--ust-r3);border:1.5px solid var(--ust-line);transition:var(--ust-ease);text-decoration:none;white-space:nowrap;}
.ust-btn-ghost-d:hover{border-color:var(--ust-sky);color:var(--ust-sky);}
.ust-btn-wht{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--ust-fb);font-size:clamp(0.82rem,1.2vw,0.9rem);font-weight:600;color:var(--ust-sky);background:white;padding:.42rem 1.2rem;border-radius:var(--ust-r3);border:none;transition:var(--ust-ease);text-decoration:none;white-space:nowrap;cursor:pointer;}
.ust-btn-wht:hover{background:rgba(255,255,255,.88);}

/* SERVICE PAGE */
.ust-svcpg-wrap{max-width:var(--ust-max);margin:0 auto;padding:3rem 2rem 6rem;display:grid;grid-template-columns:3fr 2fr;gap:3rem;align-items:start;}
.ust-svcpg-body h2{font-family:var(--ust-fh);font-size:clamp(0.88rem,1.5vw,1.05rem);color:var(--ust-dark);margin:2rem 0 .4rem;font-weight:700;}
.ust-svcpg-body p{font-size:clamp(0.78rem,1.2vw,0.9rem);color:var(--ust-warm);line-height:1.82;margin-bottom:.8rem;}
.ust-del-r{display:flex;align-items:flex-start;gap:.4rem;font-size:clamp(0.78rem,1.2vw,0.88rem);color:var(--ust-warm);margin-bottom:.28rem;}
.ust-del-r svg{color:var(--ust-sky);flex-shrink:0;margin-top:.1rem;}
.ust-svc-sidebar{background:var(--ust-dark-d);border-radius:var(--ust-r2);overflow:hidden;position:sticky;top:5rem;}
.ust-sb-top{background:var(--ust-sky);padding:.65rem 1.2rem;}
.ust-sb-ttl{font-family:var(--ust-fh);font-size:clamp(0.85rem,1.3vw,0.92rem);font-weight:700;color:var(--ust-dark);}
.ust-sb-bd{padding:1rem 1.2rem;}
.ust-sb-from{font-family:var(--ust-fb);font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.2);display:block;}
.ust-sb-pr{font-family:var(--ust-fh);font-size:clamp(2rem,4vw,2.8rem);color:white;display:block;line-height:1;font-weight:700;}
.ust-sb-ot{font-size:0.72rem;color:rgba(255,255,255,.2);display:block;margin-bottom:.8rem;}
.ust-sb-ln{display:flex;align-items:flex-start;gap:.35rem;font-size:0.75rem;color:rgba(255,255,255,.25);margin-bottom:.2rem;}
.ust-sb-ln svg{color:var(--ust-sky-l);flex-shrink:0;margin-top:.08rem;}
.ust-sb-btn{display:flex;width:100%;justify-content:center;align-items:center;gap:.4rem;font-family:var(--ust-fb);font-size:clamp(0.82rem,1.2vw,0.9rem);font-weight:600;color:var(--ust-dark);background:var(--ust-sky);padding:.5rem;border-radius:var(--ust-r);border:none;cursor:pointer;transition:background .14s;margin-top:.9rem;text-decoration:none;}
.ust-sb-btn:hover{background:var(--ust-sky-l);}

/* BUILDER .ust-rack (FIRST "rack" naming!) */
.ust-build-wrap{max-width:var(--ust-max);margin:0 auto;padding:4rem 2rem 7rem;display:grid;grid-template-columns:1fr 310px;gap:4rem;align-items:start;}
.ust-bld-sec{margin-bottom:2rem;}
.ust-bld-lbl{display:block;font-family:var(--ust-fb);font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.28em;color:var(--ust-muted);margin-bottom:.55rem;}
.ust-plan-opt{background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r);padding:.7rem 1rem;display:flex;align-items:center;gap:.65rem;cursor:pointer;user-select:none;transition:var(--ust-ease);margin-bottom:.35rem;}
.ust-plan-opt.ust-po-on{border-color:var(--ust-sky);background:var(--ust-sky-bg);}
.ust-po-radio{width:16px;height:16px;border:2px solid var(--ust-line);border-radius:50%;flex-shrink:0;transition:var(--ust-ease);}
.ust-plan-opt.ust-po-on .ust-po-radio{background:var(--ust-sky);border-color:var(--ust-sky);}
.ust-po-nm{font-family:var(--ust-fh);font-size:clamp(0.82rem,1.2vw,0.9rem);color:var(--ust-muted);flex:1;font-weight:600;}
.ust-plan-opt.ust-po-on .ust-po-nm{color:var(--ust-dark);}
.ust-po-pr{font-size:clamp(0.82rem,1.2vw,0.9rem);font-weight:700;color:var(--ust-dark);}
.ust-addon-opt{background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r);padding:.55rem 1rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;user-select:none;transition:var(--ust-ease);margin-bottom:.3rem;}
.ust-addon-opt.ust-ao-on{border-color:var(--ust-sky);background:var(--ust-sky-bg);}
.ust-ao-chk{width:14px;height:14px;border:2px solid var(--ust-line);border-radius:3px;flex-shrink:0;transition:var(--ust-ease);}
.ust-addon-opt.ust-ao-on .ust-ao-chk{background:var(--ust-sky);border-color:var(--ust-sky);}
.ust-ao-nm{font-size:clamp(0.78rem,1.2vw,0.85rem);color:var(--ust-muted);flex:1;}
.ust-addon-opt.ust-ao-on .ust-ao-nm{color:var(--ust-dark);font-weight:600;}
.ust-ao-pr{font-size:0.78rem;color:var(--ust-muted);}
.ust-hrs-panel{background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r);padding:1rem;}
.ust-hrs-rng{-webkit-appearance:none;width:100%;height:3px;background:var(--ust-line);border-radius:2px;cursor:pointer;}
.ust-hrs-rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ust-sky);cursor:pointer;}
/* .ust-rack (FIRST "rack" naming in 27-site series!) */
.ust-rack{background:var(--ust-dark-d);border-radius:var(--ust-r2);overflow:hidden;position:sticky;top:5rem;border:1px solid var(--ust-line-d);}
.ust-rack-hd{background:var(--ust-sky);padding:.6rem 1.2rem;}
.ust-rack-ttl{font-family:var(--ust-fh);font-size:clamp(0.85rem,1.2vw,0.92rem);font-weight:700;color:var(--ust-dark);}
.ust-rack-bd{padding:.5rem 1.2rem;min-height:80px;}
.ust-rack-ln{display:flex;justify-content:space-between;font-size:0.78rem;color:rgba(255,255,255,.2);margin-bottom:.22rem;}
.ust-rack-v{font-size:0.85rem;color:rgba(255,255,255,.7);}
.ust-rack-sep{border:none;border-top:1px solid var(--ust-line-d);margin:.25rem 1.2rem;}
.ust-rack-total{display:flex;justify-content:space-between;align-items:flex-end;padding:.2rem 1.2rem .4rem;}
.ust-rack-tl{font-family:var(--ust-fb);font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.18);}
.ust-rack-tv{font-family:var(--ust-fh);font-size:clamp(2rem,4vw,2.8rem);color:var(--ust-sky-l);font-weight:700;}
.ust-rack-ft{padding:.6rem 1.2rem;border-top:1px solid var(--ust-line-d);}
.ust-rack-go{display:block;width:100%;background:var(--ust-sky);color:var(--ust-dark);font-family:var(--ust-fb);font-size:clamp(0.82rem,1.2vw,0.9rem);font-weight:700;padding:.5rem;border-radius:var(--ust-r);border:none;cursor:pointer;transition:background .14s;}
.ust-rack-go:hover:not(:disabled){background:var(--ust-sky-l);}
.ust-rack-go:disabled{opacity:.18;cursor:not-allowed;}

/* FORMS + CHECKOUT */
.ust-co-wrap{max-width:760px;margin:0 auto;padding:3rem 2rem 7rem;}
.ust-co-sum{border:2px solid var(--ust-sky);border-radius:var(--ust-r2);overflow:hidden;margin-bottom:2rem;}
.ust-cs-top{background:var(--ust-sky);padding:.6rem 1.2rem;}
.ust-cs-top span{font-family:var(--ust-fh);font-size:clamp(0.82rem,1.3vw,0.92rem);color:var(--ust-dark);font-weight:700;}
.ust-cs-bd{padding:.5rem 1.2rem;}
.ust-cs-ln{display:flex;justify-content:space-between;font-size:clamp(0.78rem,1.2vw,0.85rem);color:var(--ust-warm);padding:.26rem 0;border-bottom:1px solid var(--ust-line);}
.ust-cs-total{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0 .1rem;}
.ust-cs-total span:last-child{font-family:var(--ust-fh);font-size:clamp(1.6rem,3vw,2rem);color:var(--ust-dark);font-weight:700;}
.ust-fg{margin-bottom:.65rem;}
.ust-fl{display:block;font-family:var(--ust-fb);font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--ust-muted);margin-bottom:.2rem;}
.ust-fi{width:100%;background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r);padding:.6rem .9rem;color:var(--ust-dark);font-size:clamp(0.82rem,1.2vw,0.9rem);transition:border-color .14s;}
.ust-fi:focus{outline:none;border-color:var(--ust-sky);box-shadow:0 0 0 3px var(--ust-sky-bg);}
.ust-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:0.78rem;color:var(--ust-warm);margin:1rem 0;line-height:1.6;}
.ust-agree input{margin-top:.14rem;accent-color:var(--ust-sky);}
.ust-agree a{color:var(--ust-sky);}
/* LEGAL */
.ust-legal-pg{max-width:800px;margin:0 auto;padding:4rem 2rem 7rem;}
.ust-legal-eff{display:inline-block;font-size:0.75rem;color:var(--ust-muted);background:var(--ust-bg);border:1px solid var(--ust-line);padding:.18rem .65rem;border-radius:var(--ust-r3);margin-bottom:1.5rem;}
.ust-legal-pg h2{font-family:var(--ust-fh);font-size:clamp(0.88rem,1.5vw,1.05rem);color:var(--ust-dark);margin:2.5rem 0 .45rem;font-weight:700;}
.ust-legal-pg p,.ust-legal-pg li{font-size:clamp(0.78rem,1.2vw,0.9rem);color:var(--ust-warm);line-height:1.78;margin-bottom:.85rem;}
.ust-legal-pg ul{padding-left:1.4rem;margin:.5rem 0;}
.ust-legal-pg li{list-style:disc;}
.ust-legal-pg a{color:var(--ust-sky);}
/* FOOTER (IG+TW+YT FIRST!) */
.ust-footer{background:var(--ust-dark-d);border-top:1px solid var(--ust-line-d);}
.ust-footer-in{max-width:var(--ust-max);margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:2rem;border-bottom:1px solid var(--ust-line-d);}
/* Oxanium logo bigger in footer */
.ust-ftr-brand{font-family:var(--ust-fh);font-size:clamp(1.3rem,2vw,1.65rem);font-weight:700;color:white;display:block;margin-bottom:.4rem;text-decoration:none;letter-spacing:-.02em;}
.ust-ftr-brand span{color:var(--ust-sky-l);}
.ust-ftr-tag{font-size:0.72rem;color:rgba(255,255,255,.18);line-height:1.65;margin-bottom:.7rem;}
/* IG+TW+YT (FIRST IG+TW+YT in 27-site series!) */
.ust-ftr-socs{display:flex;gap:.4rem;margin-bottom:.7rem;}
.ust-ftr-soc{width:30px;height:30px;border:1px solid var(--ust-line-d);border-radius:var(--ust-r);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.2);transition:var(--ust-ease);text-decoration:none;}
.ust-ftr-soc:hover{border-color:var(--ust-sky-l);color:var(--ust-sky-l);}
.ust-ftr-col-h{font-family:var(--ust-fb);font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.28em;color:rgba(255,255,255,.14);margin-bottom:.65rem;}
.ust-ftr-nav{display:flex;flex-direction:column;gap:.2rem;}
.ust-ftr-nav a{font-size:0.75rem;color:rgba(255,255,255,.18);transition:color .14s;text-decoration:none;}
.ust-ftr-nav a:hover{color:var(--ust-sky-l);}
.ust-ftr-ct a{display:flex;align-items:flex-start;gap:.3rem;font-size:0.72rem;color:rgba(255,255,255,.18);transition:color .14s;text-decoration:none;margin-bottom:.22rem;}
.ust-ftr-ct a:hover{color:var(--ust-sky-l);}
.ust-footer-base{max-width:var(--ust-max);margin:0 auto;padding:.65rem 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.ust-ftr-copy{font-size:0.72rem;color:rgba(255,255,255,.1);}
.ust-ftr-legal{display:flex;gap:1rem;flex-wrap:wrap;}
.ust-ftr-legal a{font-size:0.72rem;color:rgba(255,255,255,.1);transition:color .14s;text-decoration:none;}
.ust-ftr-legal a:hover{color:var(--ust-sky-l);}
/* COOKIE + CHAT */
.ust-ck-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--ust-dark);border-top:2px solid var(--ust-sky);padding:.9rem 2rem;display:none;align-items:center;gap:2rem;justify-content:space-between;flex-wrap:wrap;}
.ust-ck-bar p{font-size:0.78rem;color:rgba(255,255,255,.3);margin:0;}
.ust-ck-bar a{color:var(--ust-sky-l);}
.ust-ck-btns{display:flex;gap:.5rem;flex-shrink:0;}
.ust-ck-yes{background:var(--ust-sky);color:var(--ust-dark);font-family:var(--ust-fb);font-size:0.85rem;font-weight:700;padding:.28rem .85rem;border-radius:var(--ust-r3);cursor:pointer;border:none;}
.ust-ck-no{background:transparent;color:rgba(255,255,255,.2);font-family:var(--ust-fb);font-size:0.82rem;padding:.26rem .85rem;border:1px solid var(--ust-line-d);border-radius:var(--ust-r3);cursor:pointer;}
.ust-chat-fab{position:fixed;bottom:4.5rem;right:1.5rem;z-index:9990;width:50px;height:50px;background:var(--ust-sky);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 4px 20px rgba(14,165,233,.4);transition:var(--ust-ease);color:var(--ust-dark);}
.ust-chat-fab:hover{background:var(--ust-sky-l);transform:scale(1.07);}
.ust-chatpop{position:fixed;bottom:7rem;right:1.5rem;z-index:9989;width:290px;background:white;border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);box-shadow:0 20px 60px rgba(0,0,0,.18);opacity:0;pointer-events:none;transform:translateY(10px) scale(.97);transition:opacity .2s,transform .22s;overflow:hidden;}
.ust-chatpop.ust-cp-vis{opacity:1;pointer-events:auto;transform:none;}
.ust-chat-hd{background:var(--ust-dark-d);padding:.8rem 1.1rem;}
.ust-chat-nm{font-family:var(--ust-fh);font-size:clamp(0.88rem,1.5vw,0.95rem);color:white;font-weight:700;}
.ust-chat-nm span{color:var(--ust-sky-l);}
.ust-chat-bd{padding:.8rem 1rem;}
.ust-chat-inp{width:100%;background:var(--ust-bg);border:1.5px solid var(--ust-line);border-radius:var(--ust-r);padding:.5rem .8rem;font-size:0.85rem;color:var(--ust-dark);margin-bottom:.35rem;resize:none;transition:border-color .14s;}
.ust-chat-inp:focus{outline:none;border-color:var(--ust-sky);}
.ust-chat-send{width:100%;background:var(--ust-sky);color:var(--ust-dark);font-family:var(--ust-fb);font-size:0.88rem;font-weight:700;padding:.5rem;border-radius:var(--ust-r);border:none;cursor:pointer;transition:background .14s;}
.ust-chat-send:hover{background:var(--ust-sky-l);}
.ust-chat-done{display:none;text-align:center;padding:.9rem;}
/* MISC */
.ust-reveal{opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s;}
.ust-reveal.ust-in{opacity:1;transform:none;}
.ust-result-pg{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem;flex-direction:column;gap:1.5rem;}
.ust-sec-hd h2{font-family:var(--ust-fh);font-size:clamp(1.8rem,4vw,3.2rem);color:var(--ust-dark);font-weight:700;letter-spacing:-.02em;}
.ust-sec-hd-w h2{color:white;}
.ust-sec-sub{font-size:clamp(0.78rem,1.2vw,0.9rem);color:var(--ust-muted);margin-top:.35rem;max-width:58ch;}
.ust-sec-hd-w .ust-sec-sub{color:rgba(255,255,255,.3);}
/* RESPONSIVE */
@media(max-width:960px){
  .ust-nav{display:none;} .ust-mob-btn{display:flex;}
  .ust-hz-in{grid-template-columns:1fr;gap:2.5rem;padding:4rem 2rem;}
  .ust-hz-dash{display:none;}
  .ust-svc-grid,.ust-case-grid{grid-template-columns:repeat(2,1fr);}
  .ust-proc-steps{grid-template-columns:repeat(2,1fr);}
  .ust-proc-steps::before{display:none;}
  .ust-testi-in,.ust-plan-cols,.ust-cta-in{grid-template-columns:1fr;}
  .ust-footer-in{grid-template-columns:1fr 1fr 1fr;}
  .ust-svcpg-wrap,.ust-build-wrap{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .ust-svc-grid,.ust-case-grid,.ust-proc-steps{grid-template-columns:1fr;}
  .ust-footer-in{grid-template-columns:1fr 1fr;}
}

/* ══════════════════════════════════════════════════
   SERVICES LIST PAGE
══════════════════════════════════════════════════ */
.ust-svcs-pg{padding:3rem 0 6rem;}
.ust-svcs-in{max-width:var(--ust-max);margin:0 auto;padding:0 2rem;}
.ust-svcs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.ust-sv-card{background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;}
.ust-sv-card:hover{box-shadow:var(--ust-sh2);border-color:var(--ust-sky);}
.ust-sv-img{height:190px;background:var(--ust-dark-d);overflow:hidden;position:relative;}
.ust-sv-img img{width:100%;height:100%;object-fit:cover;}
.ust-sv-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.15;}
.ust-sv-body{padding:1.4rem;flex:1;display:flex;flex-direction:column;}
.ust-sv-icon{width:40px;height:40px;background:var(--ust-sky-bg);border-radius:var(--ust-r);display:flex;align-items:center;justify-content:center;color:var(--ust-sky);margin-bottom:.8rem;}
.ust-sv-nm{font-family:var(--ust-fh);font-size:clamp(1.05rem,1.8vw,1.2rem);color:var(--ust-dark);font-weight:700;margin-bottom:.35rem;}
.ust-sv-lede{font-size:clamp(0.75rem,1.2vw,0.85rem);color:var(--ust-muted);line-height:1.72;flex:1;margin-bottom:1rem;}
.ust-sv-foot{display:flex;align-items:center;justify-content:space-between;}
.ust-sv-from{font-size:0.72rem;color:var(--ust-muted);}
.ust-sv-pr{font-family:var(--ust-fh);font-size:clamp(1.1rem,2vw,1.35rem);color:var(--ust-sky);font-weight:700;}
.ust-sv-cta{font-family:var(--ust-fb);font-size:0.78rem;font-weight:600;color:var(--ust-sky);border:1.5px solid var(--ust-sky);padding:.25rem .75rem;border-radius:var(--ust-r3);transition:var(--ust-ease);}
.ust-sv-cta:hover{background:var(--ust-sky);color:var(--ust-dark);}

/* ══════════════════════════════════════════════════
   PRICING PAGE
══════════════════════════════════════════════════ */
.ust-pricing-pg{padding:3rem 0 6rem;}
.ust-pricing-in{max-width:var(--ust-max);margin:0 auto;padding:0 2rem;}
.ust-plan-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.5rem 0;}
.ust-plan-card{background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);padding:2rem;position:relative;display:flex;flex-direction:column;transition:box-shadow .2s;}
.ust-plan-card.ust-plan-feat{border-color:var(--ust-sky);box-shadow:0 0 0 1px var(--ust-sky),0 16px 48px rgba(14,165,233,.12);}
.ust-plan-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--ust-sky);color:var(--ust-dark);font-family:var(--ust-fb);font-size:0.72rem;font-weight:700;padding:.2rem .9rem;border-radius:0 0 var(--ust-r) var(--ust-r);letter-spacing:.1em;}
.ust-plan-nm{font-family:var(--ust-fh);font-size:clamp(1.4rem,2.5vw,1.8rem);color:var(--ust-dark);font-weight:700;margin-bottom:.2rem;}
.ust-plan-tag{font-size:clamp(0.75rem,1.2vw,0.85rem);color:var(--ust-muted);margin-bottom:1.2rem;line-height:1.65;}
.ust-plan-price{font-family:var(--ust-fh);font-size:clamp(2rem,4vw,2.8rem);color:var(--ust-sky);font-weight:700;line-height:1;margin-bottom:.15rem;}
.ust-plan-cycle{font-size:0.72rem;color:var(--ust-muted);margin-bottom:1.5rem;}
.ust-plan-divider{height:1px;background:var(--ust-line);margin:1.2rem 0;}
.ust-plan-feats{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.8rem;flex:1;}
.ust-pf-row{display:flex;align-items:flex-start;gap:.5rem;font-size:clamp(0.78rem,1.2vw,0.85rem);color:var(--ust-warm);}
.ust-pf-row svg{flex-shrink:0;margin-top:2px;color:var(--ust-sky);}
.ust-plan-action{width:100%;text-align:center;}

/* Extras table on pricing page */
.ust-extras-band{background:var(--ust-dark-d);border-radius:var(--ust-r2);padding:2rem;margin-top:2rem;}
.ust-extras-band h3{font-family:var(--ust-fh);font-size:clamp(1rem,2vw,1.2rem);color:white;margin-bottom:1rem;}
.ust-extras-row{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--ust-line-d);align-items:center;}
.ust-extras-row:last-child{border-bottom:none;}
.ust-ext-nm{font-size:clamp(0.78rem,1.2vw,0.88rem);color:rgba(255,255,255,.4);}
.ust-ext-pr{font-family:var(--ust-fh);font-size:clamp(0.88rem,1.5vw,1rem);color:var(--ust-sky-l);font-weight:600;white-space:nowrap;}

/* ══════════════════════════════════════════════════
   CUSTOM PACKAGE BUILDER (.ust-rack — FIRST!)
══════════════════════════════════════════════════ */
.ust-rack-pg{padding:3rem 0 6rem;}
.ust-rack-in{max-width:var(--ust-max);margin:0 auto;padding:0 2rem;}
.ust-build-wrap{display:grid;grid-template-columns:1fr 360px;gap:2rem;margin-top:2rem;}
/* Left column: selectors */
.ust-rack-selectors{}
.ust-rack-section{background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);padding:1.5rem;margin-bottom:1.2rem;}
.ust-rack-section h3{font-family:var(--ust-fh);font-size:clamp(1rem,1.8vw,1.15rem);color:var(--ust-dark);font-weight:700;margin-bottom:1rem;}
.ust-rack-section p{font-size:clamp(0.75rem,1.2vw,0.82rem);color:var(--ust-muted);margin-bottom:1rem;}
/* Plan radio cards */
.ust-plan-radio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;}
.ust-plan-radio{position:relative;}
.ust-plan-radio input{position:absolute;opacity:0;width:0;height:0;}
.ust-plan-radio label{display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1rem;border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);cursor:pointer;transition:var(--ust-ease);}
.ust-plan-radio input:checked + label{border-color:var(--ust-sky);background:var(--ust-sky-bgd);box-shadow:0 0 0 1px var(--ust-sky);}
.ust-plan-radio label:hover{border-color:rgba(14,165,233,.4);}
.ust-pr-name{font-family:var(--ust-fh);font-size:clamp(1rem,1.8vw,1.15rem);color:var(--ust-dark);font-weight:700;}
.ust-pr-tag{font-size:0.72rem;color:var(--ust-muted);line-height:1.5;}
.ust-pr-price{font-family:var(--ust-fh);font-size:clamp(1.1rem,2vw,1.3rem);color:var(--ust-sky);font-weight:700;margin-top:.3rem;}
/* Add-on checkboxes */
.ust-addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;}
.ust-addon-cb{position:relative;}
.ust-addon-cb input{position:absolute;opacity:0;width:0;height:0;}
.ust-addon-cb label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);cursor:pointer;transition:var(--ust-ease);}
.ust-addon-cb input:checked + label{border-color:var(--ust-sky);background:var(--ust-sky-bgd);}
.ust-addon-cb label:hover{border-color:rgba(14,165,233,.4);}
.ust-addon-lbl{font-size:clamp(0.75rem,1.2vw,0.83rem);color:var(--ust-dark);line-height:1.4;flex:1;}
.ust-addon-pr{font-family:var(--ust-fh);font-size:clamp(0.82rem,1.4vw,0.92rem);color:var(--ust-sky);font-weight:600;white-space:nowrap;}
/* Hours slider */
.ust-hrs-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.ust-hrs-ctrl{display:flex;align-items:center;gap:.5rem;}
.ust-hrs-btn{width:32px;height:32px;border:1.5px solid var(--ust-line);border-radius:var(--ust-r);background:var(--ust-white);color:var(--ust-dark);font-size:1.1rem;font-family:var(--ust-fb);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ust-ease);}
.ust-hrs-btn:hover{border-color:var(--ust-sky);color:var(--ust-sky);}
.ust-hrs-val{font-family:var(--ust-fh);font-size:clamp(1.4rem,2.5vw,1.8rem);color:var(--ust-dark);font-weight:700;min-width:2.5rem;text-align:center;}
.ust-hrs-info{font-size:clamp(0.75rem,1.2vw,0.82rem);color:var(--ust-muted);}
/* Right column: summary */
.ust-rack-summary{background:var(--ust-dark-d);border-radius:var(--ust-r2);padding:1.5rem;position:sticky;top:90px;}
.ust-rack-summary h3{font-family:var(--ust-fh);font-size:clamp(1rem,1.8vw,1.15rem);color:white;margin-bottom:1.2rem;}
.ust-sum-rows{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.2rem;min-height:60px;}
.ust-sum-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;}
.ust-sum-row-lbl{font-size:clamp(0.75rem,1.2vw,0.82rem);color:rgba(255,255,255,.3);line-height:1.5;}
.ust-sum-row-val{font-family:var(--ust-fh);font-size:clamp(0.82rem,1.4vw,0.9rem);color:white;font-weight:600;white-space:nowrap;}
.ust-sum-divider{height:1px;background:var(--ust-line-d);margin:.8rem 0;}
.ust-sum-total-row{display:flex;justify-content:space-between;align-items:center;}
.ust-sum-total-lbl{font-family:var(--ust-fb);font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.2);}
.ust-sum-total-val{font-family:var(--ust-fh);font-size:clamp(1.6rem,3vw,2.2rem);color:var(--ust-sky-l);font-weight:700;}
.ust-sum-vat{font-size:0.72rem;color:rgba(255,255,255,.12);text-align:right;margin:.1rem 0 .8rem;}
.ust-rack-cta{width:100%;background:var(--ust-sky);color:var(--ust-dark);font-family:var(--ust-fh);font-size:clamp(0.9rem,1.5vw,1rem);font-weight:700;padding:.85rem;border:none;border-radius:var(--ust-r2);cursor:pointer;transition:background .14s;}
.ust-rack-cta:hover{background:var(--ust-sky-l);}
.ust-rack-cta:disabled{opacity:.4;cursor:not-allowed;}
.ust-sum-empty{font-size:clamp(0.75rem,1.2vw,0.82rem);color:rgba(255,255,255,.15);font-style:italic;}

/* ══════════════════════════════════════════════════
   CHECKOUT PAGE
══════════════════════════════════════════════════ */
.ust-ck-pg{padding:3rem 0 6rem;}
.ust-ck-in{max-width:var(--ust-max);margin:0 auto;padding:0 2rem;}
.ust-ck-wrap{display:grid;grid-template-columns:1fr 380px;gap:2rem;margin-top:2rem;}
.ust-ck-form-col{}
.ust-ck-form-card{background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);padding:1.8rem;margin-bottom:1rem;}
.ust-ck-form-card h3{font-family:var(--ust-fh);font-size:clamp(1rem,1.8vw,1.15rem);color:var(--ust-dark);font-weight:700;margin-bottom:1.2rem;}
.ust-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.9rem;}
.ust-field{margin-bottom:.9rem;}
.ust-field:last-child{margin-bottom:0;}
.ust-ck-side{}
.ust-order-sum-card{background:var(--ust-dark-d);border-radius:var(--ust-r2);padding:1.5rem;position:sticky;top:90px;}
.ust-order-sum-card h3{font-family:var(--ust-fh);font-size:clamp(1rem,1.8vw,1.1rem);color:white;margin-bottom:1.2rem;}
.ust-ords-plan{display:flex;align-items:center;justify-content:space-between;background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.2);border-radius:var(--ust-r);padding:.7rem .9rem;margin-bottom:.8rem;}
.ust-ords-plan-nm{font-family:var(--ust-fh);font-size:clamp(0.88rem,1.5vw,1rem);color:white;font-weight:600;}
.ust-ords-plan-pr{font-family:var(--ust-fh);font-size:clamp(0.88rem,1.5vw,1rem);color:var(--ust-sky-l);font-weight:700;}
.ust-ords-rows{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem;}
.ust-ords-row{display:flex;justify-content:space-between;align-items:center;font-size:clamp(0.75rem,1.2vw,0.82rem);}
.ust-ords-row-lbl{color:rgba(255,255,255,.25);}
.ust-ords-row-val{color:rgba(255,255,255,.5);font-weight:500;}
.ust-ords-divider{height:1px;background:var(--ust-line-d);margin:.6rem 0;}
.ust-ords-total{display:flex;justify-content:space-between;align-items:center;margin:.8rem 0;}
.ust-ords-total-lbl{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.2);}
.ust-ords-total-val{font-family:var(--ust-fh);font-size:clamp(1.5rem,3vw,2rem);color:var(--ust-sky-l);font-weight:700;}
.ust-no-order{font-size:0.82rem;color:rgba(255,255,255,.2);text-align:center;padding:2rem 0;}
.ust-ck-submit{width:100%;background:var(--ust-sky);color:var(--ust-dark);font-family:var(--ust-fh);font-size:clamp(0.92rem,1.5vw,1.05rem);font-weight:700;padding:.9rem;border:none;border-radius:var(--ust-r2);cursor:pointer;transition:background .14s;margin-top:.4rem;}
.ust-ck-submit:hover{background:var(--ust-sky-l);}
.ust-ck-note{font-size:0.72rem;color:var(--ust-muted);margin-top:.5rem;text-align:center;line-height:1.6;}
.ust-ck-err{background:#FEF2F2;border:1px solid #FCA5A5;border-radius:var(--ust-r);padding:.7rem 1rem;margin-bottom:1rem;font-size:clamp(0.78rem,1.2vw,0.85rem);color:#B91C1C;}

/* ══════════════════════════════════════════════════
   ABOUT PAGE
══════════════════════════════════════════════════ */
.ust-about-pg{padding:3rem 0 6rem;}
.ust-about-in{max-width:var(--ust-max);margin:0 auto;padding:0 2rem;}
.ust-about-lead{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:3rem 0;}
.ust-about-lead-txt h2{font-family:var(--ust-fh);font-size:clamp(1.8rem,4vw,3rem);color:var(--ust-dark);font-weight:700;line-height:1.1;margin-bottom:1.2rem;}
.ust-about-lead-txt p{font-size:clamp(0.82rem,1.4vw,0.95rem);color:var(--ust-warm);line-height:1.82;margin-bottom:1rem;}
.ust-about-lead-img{background:var(--ust-dark-d);border-radius:var(--ust-r2);overflow:hidden;min-height:380px;display:flex;align-items:center;justify-content:center;opacity:.4;}
.ust-vals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.5rem 0;}
.ust-val-cell{background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);padding:1.5rem;}
.ust-val-ico{width:40px;height:40px;background:var(--ust-sky-bg);border-radius:var(--ust-r);display:flex;align-items:center;justify-content:center;color:var(--ust-sky);margin-bottom:.8rem;}
.ust-val-nm{font-family:var(--ust-fh);font-size:clamp(0.95rem,1.6vw,1.1rem);color:var(--ust-dark);font-weight:700;margin-bottom:.35rem;}
.ust-val-txt{font-size:clamp(0.75rem,1.2vw,0.85rem);color:var(--ust-muted);line-height:1.72;}
.ust-about-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:var(--ust-dark-d);border-radius:var(--ust-r2);padding:2rem;margin:2.5rem 0;}
.ust-an-cell{text-align:center;}
.ust-an-val{font-family:var(--ust-fh);font-size:clamp(2rem,4vw,3rem);color:var(--ust-sky-l);font-weight:700;display:block;line-height:1;}
.ust-an-lbl{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.2);display:block;margin-top:.3rem;}

/* ══════════════════════════════════════════════════
   CONTACT PAGE
══════════════════════════════════════════════════ */
.ust-contact-pg{padding:3rem 0 6rem;}
.ust-contact-in{max-width:var(--ust-max);margin:0 auto;padding:0 2rem;}
.ust-contact-grid{display:grid;grid-template-columns:1fr 420px;gap:2.5rem;margin-top:2.5rem;}
.ust-contact-form-card{background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);padding:2rem;}
.ust-contact-form-card h3{font-family:var(--ust-fh);font-size:clamp(1rem,1.8vw,1.2rem);color:var(--ust-dark);font-weight:700;margin-bottom:1.2rem;}
.ust-contact-side{}
.ust-ct-info-card{background:var(--ust-dark-d);border-radius:var(--ust-r2);padding:1.5rem;margin-bottom:1rem;}
.ust-ct-info-card h3{font-family:var(--ust-fh);font-size:clamp(0.9rem,1.5vw,1.05rem);color:white;font-weight:700;margin-bottom:1rem;}
.ust-ct-row{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.75rem;}
.ust-ct-row svg{flex-shrink:0;color:var(--ust-sky);margin-top:1px;}
.ust-ct-lbl{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.18);display:block;}
.ust-ct-val{font-size:clamp(0.78rem,1.2vw,0.85rem);color:rgba(255,255,255,.45);}
.ust-ct-val a{color:rgba(255,255,255,.45);transition:color .14s;}
.ust-ct-val a:hover{color:var(--ust-sky-l);}
.ust-contact-msg{font-size:clamp(0.75rem,1.2vw,0.85rem);color:var(--ust-muted);line-height:1.72;margin-bottom:1.5rem;}
.ust-contact-ok{background:var(--ust-sky-bg);border:1px solid rgba(14,165,233,.3);border-radius:var(--ust-r);padding:1rem;font-size:clamp(0.78rem,1.2vw,0.88rem);color:var(--ust-sky-d);display:none;margin-bottom:1rem;}

/* ══════════════════════════════════════════════════
   FAQ PAGE (FIRST numbered sky-blue accordion!)
══════════════════════════════════════════════════ */
.ust-faq-pg{padding:3rem 0 6rem;}
.ust-faq-in{max-width:760px;margin:0 auto;padding:0 2rem;}
.ust-faq-list{margin-top:2.5rem;display:flex;flex-direction:column;gap:.6rem;}
.ust-fq-item{background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);overflow:hidden;transition:border-color .2s;}
.ust-fq-item.ust-fq-open{border-color:var(--ust-sky);}
.ust-fq-trigger{width:100%;display:flex;align-items:center;gap:1rem;padding:1.1rem 1.2rem;background:none;border:none;cursor:pointer;text-align:left;}
.ust-fq-num{font-family:var(--ust-fh);font-size:0.75rem;color:var(--ust-sky);font-weight:700;background:var(--ust-sky-bg);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.04em;}
.ust-fq-q{font-family:var(--ust-fh);font-size:clamp(0.88rem,1.5vw,1rem);color:var(--ust-dark);font-weight:600;flex:1;line-height:1.5;}
.ust-fq-icon{flex-shrink:0;color:var(--ust-sky);transition:transform .25s;}
.ust-fq-item.ust-fq-open .ust-fq-icon{transform:rotate(180deg);}
.ust-fq-body{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1);}
.ust-fq-body p{padding:.05rem 1.2rem 1.1rem calc(1rem + 28px + 1rem);font-size:clamp(0.78rem,1.2vw,0.88rem);color:var(--ust-warm);line-height:1.82;}

/* ══════════════════════════════════════════════════
   PORTFOLIO PAGE
══════════════════════════════════════════════════ */
.ust-port-pg{padding:3rem 0 6rem;}
.ust-port-in{max-width:var(--ust-max);margin:0 auto;padding:0 2rem;}
.ust-port-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.5rem;}
.ust-case-full{background:var(--ust-white);border:1.5px solid var(--ust-line);border-radius:var(--ust-r2);overflow:hidden;}
.ust-case-full:nth-child(1){grid-column:span 2;}
.ust-cf-img{height:260px;background:var(--ust-dark-d);overflow:hidden;}
.ust-cf-img img{width:100%;height:100%;object-fit:cover;}
.ust-cf-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.1;}
.ust-cf-body{padding:1.8rem;}
.ust-cf-cat{display:inline-block;font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--ust-sky);background:var(--ust-sky-bg);padding:.18rem .7rem;border-radius:var(--ust-r3);margin-bottom:.8rem;}
.ust-cf-h{font-family:var(--ust-fh);font-size:clamp(1.1rem,2vw,1.4rem);color:var(--ust-dark);font-weight:700;margin-bottom:.6rem;line-height:1.3;}
.ust-cf-body p{font-size:clamp(0.78rem,1.2vw,0.88rem);color:var(--ust-muted);line-height:1.75;margin-bottom:.8rem;}
.ust-cf-result{display:inline-flex;align-items:center;gap:.4rem;background:var(--ust-dark-d);color:var(--ust-sky-l);font-family:var(--ust-fh);font-size:clamp(0.88rem,1.5vw,1rem);font-weight:700;padding:.35rem .9rem;border-radius:var(--ust-r3);}

/* ══════════════════════════════════════════════════
   PROCESS PAGE
══════════════════════════════════════════════════ */
.ust-proc-pg{padding:3rem 0 6rem;}
.ust-proc-in{max-width:var(--ust-max);margin:0 auto;padding:0 2rem;}
.ust-proc-full{margin-top:2.5rem;}
.ust-pf-step{display:grid;grid-template-columns:auto 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--ust-line);}
.ust-pf-step:last-child{border-bottom:none;}
.ust-pf-num{font-family:var(--ust-fh);font-size:clamp(3rem,6vw,5rem);color:var(--ust-sky-bg);font-weight:800;line-height:1;min-width:100px;text-align:right;user-select:none;}
.ust-pf-body h3{font-family:var(--ust-fh);font-size:clamp(1.2rem,2.5vw,1.8rem);color:var(--ust-dark);font-weight:700;margin-bottom:.8rem;}
.ust-pf-body p{font-size:clamp(0.82rem,1.4vw,0.94rem);color:var(--ust-warm);line-height:1.82;margin-bottom:.8rem;}
.ust-pf-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;}
.ust-pf-tag{font-size:0.72rem;font-weight:600;color:var(--ust-muted);background:var(--ust-bg);border:1px solid var(--ust-line);padding:.18rem .6rem;border-radius:var(--ust-r3);}

/* ══════════════════════════════════════════════════
   PAYMENT SUCCESS / CANCEL
══════════════════════════════════════════════════ */
.ust-result-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.ust-result-icon-ok{background:rgba(16,185,129,.12);}
.ust-result-icon-err{background:#FEF2F2;}
.ust-result-pg h1{font-family:var(--ust-fh);font-size:clamp(1.8rem,4vw,3rem);color:var(--ust-dark);margin:.8rem 0 .5rem;}
.ust-result-pg p{font-size:clamp(0.82rem,1.4vw,0.94rem);color:var(--ust-muted);max-width:52ch;line-height:1.75;}

/* ══════════════════════════════════════════════════
   SERVICE PAGE (already in CSS but ensure completeness)
══════════════════════════════════════════════════ */
.ust-svcpg-pg{padding:3rem 0 6rem;}
.ust-svcpg-in{max-width:var(--ust-max);margin:0 auto;padding:0 2rem;}

/* ══════════════════════════════════════════════════
   RESPONSIVE ADDITIONS
══════════════════════════════════════════════════ */
@media(max-width:960px){
  .ust-svcs-grid{grid-template-columns:repeat(2,1fr);}
  .ust-plan-deck{grid-template-columns:1fr;}
  .ust-plan-radio-grid{grid-template-columns:1fr;}
  .ust-addon-grid{grid-template-columns:1fr;}
  .ust-ck-wrap,.ust-contact-grid{grid-template-columns:1fr;}
  .ust-about-lead{grid-template-columns:1fr;}
  .ust-about-lead-img{min-height:240px;}
  .ust-vals-grid{grid-template-columns:repeat(2,1fr);}
  .ust-about-nums{grid-template-columns:repeat(2,1fr);}
  .ust-port-grid{grid-template-columns:1fr;}
  .ust-case-full:nth-child(1){grid-column:1;}
  .ust-pf-num{font-size:clamp(2rem,4vw,3rem);min-width:60px;}
}
@media(max-width:600px){
  .ust-svcs-grid,.ust-vals-grid{grid-template-columns:1fr;}
  .ust-about-nums{grid-template-columns:repeat(2,1fr);}
  .ust-plan-radio-grid{grid-template-columns:1fr;}
  .ust-field-row{grid-template-columns:1fr;}
}

/* Additional button variants */
.ust-btn-outline-sky{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--ust-fb);font-size:clamp(0.82rem,1.2vw,0.9rem);font-weight:600;color:var(--ust-sky);background:transparent;padding:.44rem 1.2rem;border-radius:var(--ust-r3);border:1.5px solid var(--ust-sky);transition:var(--ust-ease);cursor:pointer;text-decoration:none;white-space:nowrap;}
.ust-btn-outline-sky:hover{background:var(--ust-sky);color:var(--ust-dark);}