.uj-guides{--uj-navy: #0b3a53;--uj-navy-dark: #062f44;--uj-gold: #d6a245;--uj-yellow: #ffe08a;--uj-cream: var(--colorBody, #f5f4f4);--uj-off-white: var(--colorBody, #f5f4f4);--uj-text: #0e334a;--uj-muted: #6f8290;--uj-border: #e8e0d4;--uj-radius-sm: 6px;--uj-radius: 10px;--uj-radius-lg: 16px;--uj-shadow-sm: 0 1px 2px rgba(11, 58, 83, .06);--uj-shadow: 0 6px 20px rgba(11, 58, 83, .08);--uj-container: 1280px;--uj-space-3: 12px;--uj-space-4: 16px;--uj-space-5: 24px;--uj-space-6: 32px;--uj-space-7: 48px;--uj-space-8: 64px;--uj-space-9: 96px;--uj-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;--uj-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--uj-sans);color:var(--uj-text);background:var(--uj-off-white);line-height:1.55;-webkit-font-smoothing:antialiased}.uj-guides *,.uj-guides *:before,.uj-guides *:after{box-sizing:border-box}.uj-guides img{max-width:100%;display:block}.uj-guides a{color:inherit;text-decoration:none}.uj-guides button{font-family:inherit;cursor:pointer;border:none;background:none}.uj-guides .uj-container{max-width:var(--uj-container);margin:0 auto;padding:0 var(--uj-space-5)}.uj-guides .uj-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:all .2s;border:1px solid transparent}.uj-guides .uj-btn svg{width:14px;height:14px}.uj-guides a.uj-btn-primary{background:var(--uj-navy);color:#fff}.uj-guides a.uj-btn-primary:hover{background:var(--uj-navy-dark);color:#fff}.uj-guides a.uj-btn-outline{border-color:var(--uj-navy);color:var(--uj-navy);background:transparent}.uj-guides a.uj-btn-outline:hover{background:var(--uj-navy);color:#fff}.uj-guides a.uj-btn-hero{background:transparent;border:1px solid var(--uj-navy);border-radius:8px;color:var(--uj-navy);padding:18px 36px;font-size:14px}.uj-guides a.uj-btn-hero:hover{background:var(--uj-navy);color:#fff}.uj-guides .uj-hero{background:var(--uj-cream);padding:var(--uj-space-8) 0 var(--uj-space-9);position:relative;overflow:hidden}.uj-guides .uj-hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--uj-space-8);align-items:center}.uj-guides .uj-eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--uj-gold);margin:0 0 var(--uj-space-4)}.uj-guides .uj-hero-title{font-family:var(--uj-serif);font-size:clamp(38px,5vw,60px);font-weight:500;line-height:1.05;letter-spacing:-.01em;color:var(--uj-text);margin:0 0 var(--uj-space-5);display:flex;flex-wrap:wrap;align-items:center;gap:14px}.uj-guides .uj-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;border:1px solid var(--uj-gold);color:var(--uj-gold);font-family:var(--uj-sans);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.uj-guides .uj-hero-text{font-size:15px;color:var(--uj-muted);max-width:460px;margin:0 0 var(--uj-space-6)}.uj-guides .uj-callout{display:flex;gap:var(--uj-space-4);padding:var(--uj-space-4) var(--uj-space-5);border-radius:var(--uj-radius);background:#ffe08a59;border:1px solid rgba(214,162,69,.35);margin-bottom:var(--uj-space-6);max-width:460px}.uj-guides .uj-callout-icon{flex-shrink:0;width:28px;height:28px;color:var(--uj-gold)}.uj-guides .uj-callout-title{font-weight:600;font-size:14px;color:var(--uj-text);margin:0 0 4px}.uj-guides .uj-callout-text{font-size:13px;color:var(--uj-muted);margin:0;line-height:1.5}.uj-guides .uj-btn-row{display:flex;gap:var(--uj-space-3);flex-wrap:wrap}.uj-guides .uj-devices{position:relative;padding:40px 0 80px;min-height:520px}.uj-guides .uj-hero--photo{padding:48px 0 56px}.uj-guides .uj-hero--photo .uj-hero-grid{grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);gap:var(--uj-space-7);align-items:stretch}.uj-guides .uj-hero--photo .uj-hero-grid>div:first-child{display:flex;flex-direction:column}.uj-guides .uj-hero--photo .uj-hero-title{font-size:clamp(34px,3.6vw,50px);margin-bottom:14px}.uj-guides .uj-hero--photo .uj-hero-text{margin-bottom:18px}.uj-guides .uj-hero--photo .uj-callout{margin-bottom:24px}.uj-guides .uj-hero--photo .uj-btn-row{margin-top:auto}.uj-guides .uj-devices--photo{padding:0;min-height:0;margin-right:-16px;height:100%;position:relative}.uj-guides .uj-devices-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--uj-radius-lg)}@media(max-width:960px){.uj-guides .uj-hero--photo .uj-hero-grid{grid-template-columns:1fr}.uj-guides .uj-devices--photo{margin-right:0;height:auto}.uj-guides .uj-devices-photo{position:static;height:auto;object-fit:unset}}.uj-guides .uj-devices-photo{width:100%;height:auto;border-radius:var(--uj-radius-lg);box-shadow:0 12px 28px -18px #0b3a5338;display:block}.uj-guides .uj-devices-bg{position:absolute;top:-20px;right:-40px;bottom:-20px;left:-40px;background:radial-gradient(ellipse at 75% 40%,rgba(255,224,138,.25),transparent 55%),radial-gradient(ellipse at 25% 70%,rgba(214,162,69,.1),transparent 60%);z-index:0}.uj-guides .uj-laptop{position:relative;z-index:1;width:92%;max-width:680px;margin:0 0 0 auto;aspect-ratio:16 / 10;background:#1a1a1c;border:1px solid #2b2b2e;border-radius:14px 14px 6px 6px;padding:14px 14px 12px;box-shadow:0 30px 60px -20px #0b3a5359,0 12px 30px #0b3a5326}.uj-guides .uj-laptop:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#3a3a3a;z-index:4}.uj-guides .uj-laptop:after{content:"";position:absolute;left:-7%;right:-7%;bottom:-18px;height:18px;background:linear-gradient(180deg,#c8ccd1,#a9adb3 40%,#8a8e93);border-radius:0 0 14px 14px;box-shadow:0 22px 32px -10px #0b3a5347;clip-path:polygon(2% 0,98% 0,100% 100%,0 100%)}.uj-guides .uj-laptop-screen{background:#fbf7ef;border-radius:4px;height:100%;padding:22px 24px;display:grid;grid-template-columns:1fr 155px;gap:22px;overflow:hidden}.uj-guides .uj-lp-main{display:flex;flex-direction:column;min-width:0}.uj-guides .uj-lp-head{font-family:var(--uj-serif);font-size:18px;color:var(--uj-text);margin:0;font-weight:500}.uj-guides .uj-lp-sub{font-size:10.5px;color:var(--uj-muted);margin:3px 0 8px}.uj-guides .uj-ring-viz{flex:1;position:relative;display:grid;place-items:center;min-height:180px}.uj-guides .uj-ring-circle{width:82%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(11,58,83,.35);position:relative}.uj-guides .uj-ring-circle:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px dashed rgba(11,58,83,.2)}.uj-guides .uj-ring-photo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(184,131,44,.4));pointer-events:none}.uj-guides .uj-diameter-label{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);font-size:10px;color:var(--uj-muted);background:#ffffffe6;padding:3px 8px;border-radius:999px}.uj-guides .uj-diameter-label--static{position:static;transform:none;margin:6px auto 0;width:fit-content}.uj-guides .uj-lp-side{border-left:1px solid var(--uj-border);padding-left:14px;display:flex;flex-direction:column;gap:8px;font-size:11px}.uj-guides .uj-lp-step{color:var(--uj-gold);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.uj-guides .uj-lp-step-title{color:var(--uj-text);font-weight:600;font-size:12px;margin:0}.uj-guides .uj-lp-step-desc{color:var(--uj-muted);font-size:10px;line-height:1.4;margin:0}.uj-guides .uj-lp-card{margin-top:4px;aspect-ratio:1.6;border-radius:4px;background:linear-gradient(135deg,#fff,#f0e6d1);border:1px solid var(--uj-border);padding:8px;font-size:7px;color:var(--uj-muted);display:flex;flex-direction:column;justify-content:space-between}.uj-guides .uj-lp-card b{color:var(--uj-text);font-family:var(--uj-serif);font-size:8px;letter-spacing:.06em}.uj-guides .uj-lp-result{margin-top:auto;padding-top:8px;border-top:1px solid var(--uj-border)}.uj-guides .uj-lp-result-label{font-size:9px;color:var(--uj-muted);text-transform:uppercase;letter-spacing:.1em}.uj-guides .uj-lp-result-num{font-family:var(--uj-serif);font-size:30px;font-weight:600;color:var(--uj-text);line-height:1;margin:2px 0 4px}.uj-guides .uj-lp-result-fit{font-size:10px;color:#2f7d5b;display:inline-flex;align-items:center;gap:4px}.uj-guides .uj-lp-result-fit:before{content:"";width:6px;height:6px;border-radius:50%;background:#2f7d5b}.uj-guides .uj-phone{position:absolute;z-index:3;left:2%;bottom:20px;width:150px;aspect-ratio:9 / 19;background:#0a0a0a;border-radius:22px;padding:6px;box-shadow:0 24px 40px -10px #0b3a5359,0 8px 20px #0b3a532e}.uj-guides .uj-phone-screen{background:#fbf7ef;border-radius:17px;height:100%;padding:18px 10px 10px;display:flex;flex-direction:column;overflow:hidden;position:relative}.uj-guides .uj-phone-notch{position:absolute;top:5px;left:50%;transform:translate(-50%);width:46px;height:12px;background:#0a0a0a;border-radius:999px;z-index:3}.uj-guides .uj-phone .uj-lp-head{font-size:11px;margin-top:8px;text-align:left}.uj-guides .uj-phone .uj-lp-sub{font-size:7.5px;margin:2px 0 4px}.uj-guides .uj-phone .uj-ring-viz{margin:4px 0;min-height:60px}.uj-guides .uj-phone .uj-ring-photo{width:62%}.uj-guides .uj-phone .uj-lp-result{border-top:none;padding-top:4px;text-align:center}.uj-guides .uj-phone .uj-lp-result-label{font-size:7px}.uj-guides .uj-phone .uj-lp-result-num{font-size:20px}.uj-guides .uj-phone .uj-lp-result-fit{font-size:7px;justify-content:center}.uj-guides .uj-phone-dots{display:flex;gap:3px;justify-content:center;margin:3px 0}.uj-guides .uj-phone-dots span{width:4px;height:4px;border-radius:50%;background:#0b3a5333}.uj-guides .uj-phone-dots span:first-child{background:var(--uj-gold)}.uj-guides .uj-float-ring{position:absolute;z-index:3;right:4%;bottom:6px;width:96px;height:96px;border-radius:50%;background:conic-gradient(from 210deg,#b8832c,#f5d98a 20%,#e0a94a 45%,#b8832c,#f0c46a 85%,#b8832c);box-shadow:0 18px 30px -8px #b8832c80,inset 0 0 0 6px #0000000d;transform:rotate(-18deg)}.uj-guides .uj-float-ring:before{content:"";position:absolute;top:24%;right:24%;bottom:24%;left:24%;border-radius:50%;background:var(--uj-cream);box-shadow:inset 0 4px 8px #0000001a}.uj-guides .uj-float-ring:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;border:1px solid rgba(255,255,255,.4);pointer-events:none}.uj-guides .uj-section{padding:var(--uj-space-9) 0;background:var(--uj-cream)}.uj-guides .uj-section-white{background:var(--uj-off-white)}.uj-guides .uj-section--tight{padding-top:0}.uj-guides .uj-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--uj-space-6);gap:var(--uj-space-4);flex-wrap:wrap}.uj-guides .uj-section-title{font-family:var(--uj-serif);font-size:30px;font-weight:500;color:var(--uj-text);margin:0}.uj-guides .uj-section-title--sm{font-size:22px}.uj-guides .uj-view-all{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--uj-gold);display:inline-flex;align-items:center;gap:6px;margin-left:auto}.uj-guides .uj-view-all:hover{color:var(--uj-navy)}.uj-guides .uj-view-all svg{width:14px;height:14px}.uj-guides .uj-articles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--uj-space-4)}.uj-guides .uj-card{background:#fff;border:1px solid var(--uj-border);border-radius:var(--uj-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.uj-guides .uj-card:hover{transform:translateY(-3px);box-shadow:var(--uj-shadow)}.uj-guides .uj-card-img{aspect-ratio:4 / 3;overflow:hidden;background:var(--uj-cream)}.uj-guides .uj-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.uj-guides .uj-card:hover .uj-card-img img{transform:scale(1.04)}.uj-guides .uj-card-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.uj-guides .uj-cat{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--uj-gold);font-weight:700;display:inline-flex;align-items:center;gap:5px}.uj-guides .uj-cat svg{width:11px;height:11px}.uj-guides .uj-card-title{font-size:14px;font-weight:600;line-height:1.35;color:var(--uj-text);margin:0;min-height:2.7em}.uj-guides .uj-card-meta{margin-top:auto;padding-top:8px;border-top:1px solid var(--uj-border);font-size:10px;color:var(--uj-muted);display:flex;align-items:center;gap:10px}.uj-guides .uj-card-meta span{display:inline-flex;align-items:center;gap:4px}.uj-guides .uj-card-meta svg{width:11px;height:11px}.uj-guides .uj-topics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--uj-space-3)}.uj-guides .uj-topic{background:#fff;border:1px solid var(--uj-border);border-radius:var(--uj-radius);padding:16px 14px;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--uj-text);transition:all .2s}.uj-guides .uj-topic:hover{border-color:var(--uj-gold);transform:translateY(-2px);box-shadow:var(--uj-shadow-sm)}.uj-guides .uj-topic svg{width:22px;height:22px;color:var(--uj-gold);flex-shrink:0}.uj-guides .uj-topic img{width:26px;height:26px;object-fit:contain;flex-shrink:0}.uj-guides .uj-card-img--empty img{width:64px;height:64px;object-fit:contain;opacity:.9}.uj-guides .uj-two-col{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--uj-space-6)}.uj-guides .uj-promo{position:relative;background:var(--uj-navy);color:#fff;border-radius:var(--uj-radius-lg);padding:40px;overflow:hidden;min-height:280px;display:flex;flex-direction:column;justify-content:space-between}.uj-guides .uj-promo-img{position:absolute;top:0;right:0;bottom:0;width:45%;opacity:.9}.uj-guides .uj-promo-img img{width:100%;height:100%;object-fit:cover}.uj-guides .uj-promo:after{content:"";position:absolute;top:0;right:30%;bottom:0;width:25%;background:linear-gradient(90deg,var(--uj-navy),transparent);pointer-events:none}.uj-guides .uj-promo-content{position:relative;z-index:2;max-width:320px}.uj-guides .uj-promo h3{font-family:var(--uj-serif);font-size:26px;font-weight:500;line-height:1.2;margin:0 0 12px}.uj-guides .uj-promo p{font-size:13px;color:#ffffffbf;margin:0 0 24px}.uj-guides .uj-promo a.uj-btn{background:#fff;color:var(--uj-navy);align-self:flex-start;position:relative;z-index:2}.uj-guides .uj-promo a.uj-btn:hover{background:var(--uj-gold);color:#fff}.uj-guides .uj-faq{background:#fff;border:1px solid var(--uj-border);border-radius:var(--uj-radius-lg);padding:32px 36px}.uj-guides .uj-faq-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--uj-gold);font-weight:700;margin:0 0 20px}.uj-guides .uj-faq-item{border-top:1px solid var(--uj-border)}.uj-guides .uj-faq-item:last-child{border-bottom:1px solid var(--uj-border)}.uj-guides .uj-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:15px;font-weight:500;color:var(--uj-text);text-align:left;transition:color .2s}.uj-guides .uj-faq-q:hover{color:var(--uj-gold)}.uj-guides .uj-faq-q svg{width:18px;height:18px;color:var(--uj-muted);transition:transform .25s;flex-shrink:0;margin-left:16px}.uj-guides .uj-faq-item.is-open .uj-faq-q svg{transform:rotate(180deg);color:var(--uj-gold)}.uj-guides .uj-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;color:var(--uj-muted);font-size:14px;line-height:1.6}.uj-guides .uj-faq-a p{margin:0}.uj-guides .uj-faq-item.is-open .uj-faq-a{max-height:300px;padding:0 0 20px}.uj-guides .uj-trust{padding:var(--uj-space-7) 0;background:var(--uj-off-white);border-top:1px solid var(--uj-border);border-bottom:1px solid var(--uj-border)}.uj-guides .uj-trust-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--uj-space-5)}.uj-guides .uj-trust-item{display:flex;gap:14px;align-items:flex-start}.uj-guides .uj-trust-icon{width:32px;height:32px;color:var(--uj-navy);flex-shrink:0}.uj-guides .uj-trust-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--uj-text);margin:0 0 4px}.uj-guides .uj-trust-desc{font-size:12px;color:var(--uj-muted);margin:0;line-height:1.5}@media(max-width:1200px){.uj-guides .uj-articles,.uj-guides .uj-topics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:960px){.uj-guides .uj-hero-grid{grid-template-columns:1fr;gap:var(--uj-space-7)}.uj-guides .uj-two-col{grid-template-columns:1fr}.uj-guides .uj-trust-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.uj-guides .uj-section{padding:var(--uj-space-7) 0}.uj-guides .uj-hero{padding:var(--uj-space-6) 0 var(--uj-space-7)}.uj-guides .uj-articles,.uj-guides .uj-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.uj-guides .uj-section-title{font-size:24px}.uj-guides .uj-btn{flex:1;min-width:0}.uj-guides .uj-phone{width:30%;left:2%}.uj-guides .uj-laptop-screen{grid-template-columns:1fr 110px;padding:12px}.uj-guides .uj-promo{padding:28px}.uj-guides .uj-promo-img{opacity:.35}}@media(max-width:480px){.uj-guides .uj-articles,.uj-guides .uj-laptop-screen{grid-template-columns:1fr}.uj-guides .uj-lp-side{display:none}}@media(prefers-reduced-motion:reduce){.uj-guides .uj-card,.uj-guides .uj-card-img img,.uj-guides .uj-topic,.uj-guides .uj-faq-a,.uj-guides .uj-faq-q svg{transition:none}}.uj-blog-crumbs{padding-top:30px}.uj-guides .uj-blog-head{padding:20px 0 12px;text-align:center;margin-bottom:28px}.uj-guides .uj-blog-head .uj-hero-title{justify-content:center;font-size:clamp(34px,4vw,52px);margin-bottom:0}.uj-guides .uj-blog-sub{max-width:720px;margin:12px auto 0;color:var(--uj-muted);font-size:15px;line-height:1.6}.uj-guides .uj-tagbar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;font-size:13px;color:var(--uj-muted)}.uj-guides .uj-tagbar a{color:var(--uj-gold);font-weight:600}.uj-guides .uj-articles--listing{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.uj-guides .uj-card-img--empty{display:grid;place-items:center}.uj-guides .uj-card-img--empty svg{width:34px;height:34px;color:var(--uj-gold);opacity:.55}.uj-guides .uj-pagination{margin-top:36px;text-align:center;font-size:14px}.uj-guides .uj-pagination>span{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--uj-border);border-radius:8px;background:#fff;margin:0 3px;padding:0 10px;color:var(--uj-text)}.uj-guides .uj-pagination>span>a{all:unset;cursor:pointer;color:inherit}.uj-guides .uj-pagination>span.current{background:var(--uj-navy);color:#fff;border-color:var(--uj-navy)}.uj-guides .uj-pagination>span:hover{border-color:var(--uj-gold)}.uj-guides .uj-promo--wide{min-height:220px}.uj-blog-listing .uj-topics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}@media(max-width:1200px){.uj-guides .uj-articles--listing{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.uj-guides .uj-articles--listing{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.uj-guides .uj-articles--listing{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/uj-guides.css.map */