.guide-wrap{--guide-danger:#dc2626;--guide-danger-bg:#fef2f2;--guide-danger-accent:rgba(220,38,38,.1);--guide-success:#059669;--guide-success-bg:#ecfdf5;--guide-success-accent:rgba(5,150,105,.1);--guide-info:#3b82f6;--guide-info-bg:#eff6ff;--guide-info-accent:rgba(59,130,246,.1);--guide-orange-bg:rgba(238,140,46,.06);--guide-orange-accent:rgba(238,140,46,.12)}.guide-hero{background:linear-gradient(160deg,var(--navy-deep) 0,var(--navy) 55%,var(--navy-mid) 100%);overflow:hidden;padding-block:clamp(var(--space-16),10vw,var(--space-32)) var(--space-20);position:relative}.guide-hero:before{background:radial-gradient(circle,var(--guide-orange-accent) 0,transparent 70%);border-radius:50%;content:"";height:clamp(300px,50vw,600px);inset-block-start:-40%;inset-inline-end:-15%;pointer-events:none;position:absolute;width:clamp(300px,50vw,600px)}.guide-hero:after{background:var(--orange);content:"";height:5px;inset-block-end:0;inset-inline:0;position:absolute}.guide-hero__inner{margin-inline:auto;max-width:820px;padding-inline:clamp(var(--space-6),4vw,var(--space-12));position:relative;z-index:1}.guide-hero__badge{align-items:center;background:rgba(238,140,46,.15);border:1px solid rgba(238,140,46,.3);border-radius:var(--radius-full);color:var(--orange);display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;gap:var(--space-2);letter-spacing:.08em;margin-block-end:var(--space-7);padding:var(--space-2) var(--space-5);text-transform:uppercase}.guide-hero__h1{color:var(--white);font-family:var(--font-head);font-size:clamp(1.875rem,4vw + .75rem,3rem);font-weight:var(--weight-h1);letter-spacing:-.01em;line-height:1.1;margin-block-end:var(--space-5);text-transform:uppercase}.guide-hero__h1-accent{color:var(--orange)}.guide-hero__sub{color:hsla(0,0%,100%,.7);font-family:var(--font-body);font-size:var(--text-lg);line-height:1.6;margin-block-end:var(--space-9);max-width:560px}.guide-hero__author{align-items:center;border-block-start:1px solid hsla(0,0%,100%,.12);display:flex;gap:var(--space-4);padding-block-start:var(--space-8)}.guide-hero__avatar{align-items:center;background:linear-gradient(135deg,var(--orange) 0,var(--deep-orange) 100%);border-radius:50%;color:var(--white);display:flex;flex-shrink:0;font-family:var(--font-body);font-size:1.125rem;font-weight:700;height:52px;justify-content:center;width:52px}.guide-hero__author-meta{color:hsla(0,0%,100%,.55);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5}.guide-hero__author-name{color:var(--white);display:block;font-size:1rem;font-weight:600;margin-block-end:2px}.guide-layout{display:grid;grid-template-columns:260px 1fr;margin-inline:auto;max-width:var(--container-max);position:relative}.guide-sidebar{padding:var(--space-12) var(--space-6) var(--space-12) clamp(var(--space-6),4vw,var(--space-12))}.guide-toc{background:var(--warm-bg);border:1px solid var(--ui-gray);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);position:sticky;top:11rem}.guide-toc__title{border-block-end:1px solid var(--ui-gray);color:var(--mid-gray);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;margin-block-end:var(--space-5);padding-block-end:var(--space-3);text-transform:uppercase}.guide-toc__list{list-style:none;margin:0;padding:0}.guide-toc__item{padding:var(--space-2) 0 var(--space-2) var(--space-7);position:relative}.guide-toc__item:before{background:var(--ui-gray);content:"";inset-block:0;inset-inline-start:.5rem;position:absolute;width:2px}.guide-toc__item:first-child:before{inset-block-start:50%}.guide-toc__item:last-child:before{inset-block-end:50%}.guide-toc__dot{background:var(--ui-gray);border:2px solid var(--white);border-radius:50%;height:12px;inset-inline-start:.1875rem;position:absolute;top:50%;transform:translateY(-50%);transition:background var(--transition-base),box-shadow var(--transition-base);width:12px;z-index:1}.guide-toc__item--active .guide-toc__dot{background:var(--orange);box-shadow:0 0 0 4px rgba(238,140,46,.15)}.guide-toc__item--done .guide-toc__dot{background:var(--guide-success)}.guide-toc__link{color:var(--mid-gray);display:block;font-family:var(--font-body);font-size:.8125rem;font-weight:500;line-height:1.4;text-decoration:none;transition:color var(--transition-base);&:hover{color:var(--orange)}}.guide-toc__item--active .guide-toc__link{color:var(--orange);font-weight:600}.guide-toc__item--done .guide-toc__link{color:var(--charcoal)}.guide-content{max-width:780px;overflow:hidden;padding:var(--space-16) clamp(var(--space-6),4vw,var(--space-12)) var(--space-32)}.guide-section{margin-block-end:var(--space-20);scroll-margin-top:7rem}.guide-content p{color:var(--mid-gray);font-family:var(--font-body);font-size:var(--text-base);line-height:1.75;margin-block-end:var(--space-5);& strong{color:var(--charcoal);font-weight:600}}.guide-content img{height:auto;max-width:100%}.guide-h2{color:var(--navy);font-family:var(--font-head);font-size:clamp(1.625rem,3vw + .5rem,2.125rem);font-weight:var(--weight-h2);letter-spacing:-.01em;line-height:var(--leading-h2);margin:0;text-transform:uppercase}.guide-h2__accent{background:var(--orange);border-radius:2px;display:block;height:4px;margin-block:var(--space-4) var(--space-8);width:48px}.guide-h3{font-size:var(--text-2xl);font-weight:var(--weight-h3);line-height:var(--leading-h3);margin-block:var(--space-12) var(--space-5)}.guide-h3,.guide-h4{color:var(--navy);font-family:var(--font-head);text-transform:uppercase}.guide-h4{font-size:var(--text-xl);font-weight:var(--weight-h4);line-height:var(--leading-h4);margin-block:var(--space-9) var(--space-4)}.guide-callout{border-inline-start:4px solid transparent;border-radius:var(--radius-lg);margin-block:var(--space-8);padding:var(--space-7);& .guide-callout__icon{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:1rem;height:2rem;justify-content:center;line-height:1;margin-block-end:var(--space-3);width:2rem}& .guide-callout__title{color:var(--charcoal);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;margin-block-end:var(--space-2)}& p{color:var(--mid-gray)!important;font-size:.9375rem!important;line-height:1.65!important;margin-block-end:var(--space-2)!important;&:last-child{margin-block-end:0!important}}}.guide-callout--danger{background:var(--guide-danger-bg);border-inline-start-color:var(--guide-danger);& .guide-callout__icon{background:var(--guide-danger-accent)}}.guide-callout--insight{background:var(--guide-orange-bg);border-inline-start-color:var(--orange);& .guide-callout__icon{background:var(--guide-orange-accent)}}.guide-callout--tip{background:var(--guide-success-bg);border-inline-start-color:var(--guide-success);& .guide-callout__icon{background:var(--guide-success-accent)}}.guide-callout--info{background:var(--guide-info-bg);border-inline-start-color:var(--guide-info);& .guide-callout__icon{background:var(--guide-info-accent)}}.guide-list--numbered{counter-reset:guide-list;list-style:none;margin-block:var(--space-4);padding:0;& li{border-block-end:1px solid rgba(0,0,0,.05);color:var(--mid-gray);counter-increment:guide-list;font-size:var(--text-sm);line-height:1.6;padding:var(--space-4) 0 var(--space-4) 3.25rem;position:relative;&:last-child{border-block-end:none;padding-block-end:0}&:before{align-items:center;background:var(--guide-danger-accent);border-radius:var(--radius-md);color:var(--guide-danger);content:counter(guide-list);display:flex;font-size:.875rem;font-weight:700;height:2.125rem;inset-inline-start:0;justify-content:center;position:absolute;top:var(--space-4);width:2.125rem}& em{font-style:italic}}}.guide-list--bullets{list-style:none;margin-block:var(--space-6);padding:0;& li{color:var(--mid-gray);font-size:var(--text-base);line-height:1.65;padding:var(--space-2) 0 var(--space-2) 1.75rem;position:relative;&:before{background:var(--orange);border-radius:50%;content:"";height:8px;inset-inline-start:var(--space-1);position:absolute;top:1.0625rem;width:8px}& strong{color:var(--charcoal);font-weight:600}}}.guide-stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-block:var(--space-8)}.guide-stat{background:var(--warm-bg);border:1px solid var(--ui-gray);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.guide-stat__number{color:var(--navy);font-family:var(--font-head);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;line-height:1;margin-block-end:var(--space-2);text-transform:uppercase}.guide-stat__label{color:var(--mid-gray);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500}.guide-steps{display:flex;gap:0;margin-block:var(--space-8);overflow-x:auto;padding-block-end:var(--space-2)}.guide-step{align-items:center;display:flex;flex-shrink:0}.guide-step__content{background:var(--warm-bg);border:1px solid var(--ui-gray);border-radius:var(--radius-lg);min-width:110px;padding:var(--space-4) var(--space-5);text-align:center}.guide-step__num{color:var(--orange);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;margin-block-end:var(--space-1);text-transform:uppercase}.guide-step__label{color:var(--navy);font-family:var(--font-body);font-size:.875rem;font-weight:600}.guide-step__arrow{align-items:center;color:var(--ui-gray);display:flex;padding-inline:var(--space-2)}.guide-questions{display:grid;gap:var(--space-3);margin-block:var(--space-8)}.guide-question{align-items:flex-start;background:var(--warm-bg);border:1px solid var(--ui-gray);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.guide-question__num{align-items:center;background:var(--navy);border-radius:var(--radius-md);color:var(--white);display:flex;font-family:var(--font-body);font-size:.875rem;font-weight:700;height:2rem;justify-content:center;min-width:2rem;width:2rem}.guide-question__text{color:var(--charcoal);font-family:var(--font-body);font-size:.9375rem;font-weight:500;line-height:1.6}.guide-tiers{display:grid;gap:var(--space-5);margin-block:var(--space-8)}.guide-tier{background:var(--white);border:1px solid var(--ui-gray);border-radius:var(--radius-lg);padding:var(--space-7);position:relative;transition:border-color var(--transition-base);&:hover{border-color:var(--orange)}}.guide-tier--recommended{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),var(--shadow-sm)}.guide-tier__badge{background:var(--orange);border-radius:var(--radius-full);color:var(--white);inset-block-start:-.75rem;inset-inline-end:var(--space-5);letter-spacing:.05em;padding:var(--space-1) var(--space-4);position:absolute}.guide-tier__badge,.guide-tier__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.guide-tier__label{color:var(--mid-gray);letter-spacing:.08em;margin-block-end:var(--space-2)}.guide-tier__name{color:var(--navy);font-family:var(--font-head);font-size:var(--text-xl);font-weight:600;margin-block-end:var(--space-3);text-transform:uppercase}.guide-tier__desc{font-size:.9375rem;line-height:1.65;margin-block-end:var(--space-4)}.guide-tier__desc,.guide-tier__examples{color:var(--mid-gray);font-family:var(--font-body)}.guide-tier__examples{font-size:var(--text-xs);font-style:italic}.guide-tier__img{border-radius:var(--radius-md);margin-block-end:var(--space-4);overflow:hidden;& img{display:block;width:100%}}.guide-component-grid{background:var(--ui-gray);border-radius:var(--radius-lg);display:grid;gap:2px;margin-block:var(--space-8);overflow:hidden}.guide-component-row{align-items:center;background:var(--white);display:grid;grid-template-columns:180px 1fr 140px}.guide-component-row--header{background:var(--navy);color:var(--white);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.guide-component-row>div{font-size:.9375rem;padding:var(--space-4) var(--space-5)}.guide-component-row__name{color:var(--charcoal);font-weight:600}.guide-component-row__desc{color:var(--mid-gray)}.guide-upgrade--yes{color:var(--guide-success);font-size:var(--text-xs);font-weight:700}.guide-upgrade--no{color:var(--mid-gray);font-size:var(--text-xs)}.guide-upgrade--opt{color:#d97706;font-size:var(--text-xs);font-weight:600}.guide-warranty-cards{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-block:var(--space-8)}.guide-warranty-card{background:var(--warm-bg);border:1px solid var(--ui-gray);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-6);text-align:center}.guide-warranty-card__icon{align-items:center;background:rgba(238,140,46,.1);border-radius:var(--radius-lg);display:flex;height:3rem;justify-content:center;margin:0 auto var(--space-4);width:3rem}.guide-warranty-card h4{color:var(--navy);font-family:var(--font-head);font-size:var(--text-base);font-weight:600;margin-block-end:var(--space-2);text-transform:uppercase}.guide-warranty-card p{color:var(--mid-gray)!important;font-size:.875rem!important;line-height:1.55!important;margin-block-end:0!important}.guide-inline-cta{align-items:center;background:rgba(238,140,46,.06);border:1px solid rgba(238,140,46,.2);border-radius:var(--radius-lg);display:flex;gap:var(--space-5);margin-block:var(--space-8);padding:var(--space-5) var(--space-6)}.guide-inline-cta__text{color:var(--charcoal);flex:1;font-family:var(--font-body);font-size:.9375rem;font-weight:500;line-height:1.5}.guide-inline-cta__link{align-items:center;color:var(--orange);display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;gap:var(--space-2);text-decoration:none;white-space:nowrap;&:hover{text-decoration:underline}}.guide-cta{background:linear-gradient(135deg,var(--navy-deep),var(--navy));border-radius:var(--radius-lg);margin-block:var(--space-12);overflow:hidden;padding:clamp(var(--space-9),5vw,var(--space-12)) clamp(var(--space-8),5vw,var(--space-12));position:relative;text-align:center;&:before{background:radial-gradient(circle,rgba(238,140,46,.1) 0,transparent 70%);border-radius:50%;content:"";height:300px;inset-block-start:-40%;inset-inline-end:-20%;pointer-events:none;position:absolute;width:300px}}.guide-cta__heading{color:var(--white);font-family:var(--font-head);font-size:var(--text-2xl);font-weight:700;margin-block-end:var(--space-3);position:relative;text-transform:uppercase;z-index:1}.guide-cta p{color:hsla(0,0%,100%,.65)!important;font-size:var(--text-base)!important;margin-block-end:var(--space-7)!important;position:relative;z-index:1}.guide-cta__btn{align-items:center;background:linear-gradient(135deg,var(--orange) 0,var(--deep-orange) 100%);border-radius:var(--radius-md);color:var(--white);display:inline-flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:700;gap:var(--space-3);padding:var(--space-4) var(--space-9);position:relative;text-decoration:none;transition:transform var(--transition-base);z-index:1;&:hover{transform:translateY(-1px)}&:active{transform:translateY(0)}}.guide-figure{border:1px solid var(--ui-gray);border-radius:var(--radius-md);margin-block:var(--space-6);overflow:hidden}.guide-figure__img{display:block;width:100%}.guide-figure__caption{background:var(--warm-bg);color:var(--mid-gray);font-family:var(--font-body);font-size:var(--text-xs);line-height:1.5;padding:var(--space-3) var(--space-4);& strong{color:var(--charcoal)}}.guide-figure__caption--danger{background:var(--guide-danger-bg);& strong{color:var(--guide-danger)}}.guide-figure__caption--success{background:var(--guide-success-bg);& strong{color:var(--guide-success)}}.guide-img-compare{display:grid;gap:var(--space-4);margin-block:var(--space-6)}.guide-divider{background:linear-gradient(90deg,transparent,var(--ui-gray),transparent);height:1px;margin-block:var(--space-16)}.guide-mobile-progress{background:var(--white);border-block-start:1px solid var(--ui-gray);box-shadow:0 -4px 20px rgba(0,0,0,.07);display:none;inset-block-end:0;inset-inline:0;padding:var(--space-3) var(--space-5);position:fixed;z-index:100}.guide-mobile-progress__bar{background:var(--ui-gray);border-radius:2px;height:4px;margin-block-end:var(--space-2);overflow:hidden}.guide-mobile-progress__fill{background:var(--orange);border-radius:2px;height:100%;transition:width .3s ease;width:0}.guide-mobile-progress__text{color:var(--mid-gray);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-align:center}.guide-back-top{align-items:center;background:var(--navy);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;display:flex;height:44px;inset-block-end:var(--space-20);inset-inline-end:var(--space-6);justify-content:center;opacity:0;position:fixed;transform:translateY(var(--space-3));transition:opacity var(--transition-base),transform var(--transition-base);width:44px;z-index:90;&:hover{background:var(--navy-mid)}}.guide-back-top--visible{opacity:1;transform:translateY(0)}@media (max-width:960px){.guide-layout{grid-template-columns:1fr}.guide-sidebar{display:none}.guide-mobile-progress{display:block}.guide-content{max-width:100%;padding:var(--space-12) clamp(var(--space-5),4vw,var(--space-8)) 7.5rem}.guide-steps{flex-wrap:wrap;gap:var(--space-2);justify-content:center}.guide-step__arrow{display:none}.guide-step__content{min-width:auto;padding:var(--space-3) var(--space-4)}.guide-stats{grid-template-columns:1fr 1fr}.guide-component-row,.guide-warranty-cards{grid-template-columns:1fr}.guide-component-row--header{display:none}.guide-component-row>div{padding:var(--space-3) var(--space-4);&:first-child{padding-block-start:var(--space-4)}&:last-child{padding-block-end:var(--space-4)}}.guide-callout{padding:var(--space-5) var(--space-4)}.guide-inline-cta{flex-direction:column;gap:var(--space-3)}.guide-back-top{inset-block-end:5.5rem}}@media (max-width:480px){.guide-stats{grid-template-columns:1fr}.guide-hero{padding-block:var(--space-16) var(--space-14)}.guide-cta{padding:var(--space-7) var(--space-4)}.guide-cta__btn{font-size:.9375rem;padding:var(--space-4) var(--space-6)}}