.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#aa9ab7;padding:30px 0}.breadcrumbs a:hover{color:#fff}.breadcrumbs [aria-current]{color:#d6c6e0}.detail-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:40px 0 55px}.detail-hero h1{font-size:clamp(35px,4vw,55px);letter-spacing:-2px;line-height:1.08;max-width:650px}.detail-hero .eyebrow{font-size:9px;letter-spacing:2px}.detail-intro{color:#c0b2cc;font-size:16px;line-height:1.8;margin:25px 0}.detail-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.detail-actions .text-link{font-size:12px}.detail-hero figure{margin:0;min-width:0}.detail-hero figure img{width:100%;height:355px;object-fit:cover;border-radius:18px}.detail-hero figure img[src*=hardware]{object-fit:contain}.detail-hero figcaption{color:#ad9cba;font-size:9px;line-height:1.6;margin-top:12px}.status-strip{display:flex;align-items:center;gap:11px;padding:19px 0;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;font-size:11px;color:#c6b6d1}.status-dot{width:6px;height:6px;border-radius:50%;background:#d391ad;flex-shrink:0}.status-strip a{display:flex;align-items:center;gap:9px;color:#e4abc1;margin-left:auto}.status-strip img{width:15px;height:15px;filter:invert(1)}.article-layout{display:grid;grid-template-columns:1fr 260px;gap:110px;padding:30px 0 65px}.article-copy>section{position:relative;padding:38px 0 30px 55px;border-bottom:1px solid #ffffff12;scroll-margin-top:24px}.section-number{position:absolute;left:0;top:43px;font-size:11px;color:#c0809a;letter-spacing:1px}.article-copy h2{font-size:28px;letter-spacing:-.8px;font-weight:600;margin:0 0 19px;line-height:1.25}.article-copy p{font-size:15px;line-height:1.95;color:#beb0ca;margin:0;max-width:710px}.article-copy .review-date{font-size:10px;line-height:1.8;margin:25px 0 0 55px;color:#a694b3}.article-aside{align-self:start;position:sticky;top:30px;padding-top:38px}.article-aside h2{font-size:11px;text-transform:uppercase;letter-spacing:2px;margin:0 0 25px;color:#b8a6c5}.article-aside>a{display:block;padding:13px 0;border-bottom:1px solid #ffffff15;font-size:12px;line-height:1.6;color:#d5c3e0}.article-aside>a:hover{color:#eeadc8}.aside-note{margin-top:35px}.aside-note .brand-symbol{width:26px;height:26px}.aside-note p{font-size:12px;line-height:1.8;color:#ac98bc}.aside-note a{display:flex;gap:9px;align-items:center;font-size:11px;color:#dfa0ba}.aside-note a img{width:16px;height:16px;filter:invert(1)}.page-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;padding:55px 0 65px;border-top:1px solid #ffffff15}.page-faq h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0}.page-faq .eyebrow{font-size:8px;letter-spacing:2px}.related-section{padding:35px 0 60px}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:27px}.section-title-row h2{font-size:32px;letter-spacing:-1px;margin:0;line-height:1.2}.section-title-row>a{display:flex;align-items:center;gap:10px;font-size:12px;color:#e0a0bb}.section-title-row>a img{width:17px;height:17px;filter:invert(1)}.related-grid,.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.directory-link{border-top:1px solid #ffffff23;padding:26px 0 24px;display:flex;flex-direction:column;min-width:0;transition:border-color .2s}.directory-link:hover{border-color:#d38caa}.directory-link>span:first-child{font-size:9px;letter-spacing:1.8px;color:#ca8ca6;text-transform:uppercase}.directory-link h3{font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.5px;margin:17px 0 13px}.directory-link p{font-size:12px;color:#b6a5c3;line-height:1.8;margin:0 0 23px}.link-arrow{font-size:11px;color:#dfa3bd;margin-top:auto;display:flex;align-items:center;gap:9px}.link-arrow img{width:16px;height:16px;filter:invert(1)}.page-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:40px 0;border-block:1px solid #694355;margin-bottom:5px}.page-cta h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:0}.page-cta p{font-size:12px;color:#b9a6c8}.page-cta .button{flex-shrink:0}.hub-intro{padding:45px 0 50px;max-width:860px}.hub-intro h1{font-size:clamp(39px,5vw,65px);line-height:1.06;letter-spacing:-2.5px}.hub-intro>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#bfb0cc;max-width:750px;margin:25px 0 0}.hub-tools{border-block:1px solid #ffffff17;padding:25px 0;margin-bottom:30px;display:grid;grid-template-columns:300px 1fr;gap:20px 35px;align-items:end}.hub-tools label{font-size:10px;color:#bfaccd}.hub-tools input{font-size:12px;padding:11px 14px;margin-top:9px}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-buttons button{border:1px solid #ffffff21;background:none;border-radius:25px;padding:10px 15px;font-size:11px;color:#bfaacc}.filter-buttons button[aria-pressed=true]{background:#812b49;border-color:#a34264;color:#fff}.hub-tools>p{grid-column:1/-1;margin:0;font-size:10px;color:#a794b5}.directory-grid{padding:10px 0 50px;gap:24px 38px}.empty-results{color:#cbb8d8;font-size:14px;padding:40px 0}.directory-link[hidden]{display:none}.home-directory{border-top:1px solid #ffffff16}.home-directory .eyebrow{font-size:9px}.home-function-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 45px}.home-function-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff17;padding:19px 0;font-size:14px;color:#d3bedf}.home-function-links a:hover{color:#fff}.home-function-links img,.home-resource-links img{width:17px;height:17px;filter:invert(1)}.home-resource-links{display:flex;gap:35px;flex-wrap:wrap;margin-top:32px}.home-resource-links a{display:flex;align-items:center;gap:10px;font-size:11px;color:#dda0bb}.product-card>a.product-page-link{display:flex;align-items:center;gap:12px;padding:0;color:var(--accent);font-size:13px;margin-top:auto;align-self:flex-start}.product-card>a.product-page-link img{width:16px;height:16px;filter:invert(1)}.story-copy>a.product-page-link{display:flex;align-items:center;gap:12px;font-size:12px;color:#dfa1bb}.story-copy>a.product-page-link img{width:16px;height:16px;filter:invert(1)}.footer-grid .footer-action a.button{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:white;padding:13px 23px}.footer-grid .footer-action a.button img{filter:invert(1);width:17px;height:17px}
@media(max-width:900px){.detail-hero{gap:35px}.detail-hero h1{font-size:42px}.detail-hero figure img{height:300px}.article-layout{grid-template-columns:1fr 200px;gap:45px}.article-copy h2{font-size:25px}.article-copy p{font-size:14px}.hub-tools{grid-template-columns:1fr}.related-grid,.directory-grid{gap:20px}.directory-link h3{font-size:19px}.page-faq{gap:35px}.page-cta h2{font-size:25px}}
@media(max-width:600px){.breadcrumbs{font-size:9px;gap:8px;padding:22px 0}.detail-hero{display:flex;flex-direction:column;gap:27px;padding:20px 0 30px}.detail-hero h1{font-size:38px;letter-spacing:-1.5px;line-height:1.1}.detail-hero .eyebrow{font-size:8px}.detail-intro{font-size:14px;line-height:1.8;margin:21px 0}.detail-actions{gap:20px}.detail-actions .button{font-size:12px;padding:14px 21px}.detail-actions .text-link{font-size:11px}.detail-hero figure{width:100%}.detail-hero figure img{height:235px;border-radius:13px}.detail-hero figcaption{font-size:8px}.status-strip{flex-wrap:wrap;font-size:10px;padding:17px 0;gap:9px}.status-strip a{margin-left:15px;width:100%;font-size:10px}.article-layout{display:block;padding:5px 0 35px}.article-aside{position:static;padding-top:30px;border-top:1px solid #ffffff17}.article-aside h2,.article-aside>a{display:none}.aside-note{margin-top:0;max-width:290px}.article-copy>section{padding:30px 0 25px 29px}.section-number{top:35px;font-size:9px}.article-copy h2{font-size:24px;letter-spacing:-.6px;line-height:1.25}.article-copy p{font-size:13px;line-height:1.95}.article-copy .review-date{font-size:9px;margin-left:29px}.page-faq{display:block;padding:35px 0}.page-faq h2{font-size:29px;margin-bottom:27px}.related-grid,.directory-grid{grid-template-columns:1fr;gap:10px}.section-title-row{align-items:start;flex-direction:column;gap:20px}.section-title-row h2{font-size:29px}.section-title-row>a{font-size:11px}.directory-link{padding:23px 0}.directory-link h3{font-size:22px}.directory-link p{font-size:12px}.page-cta{flex-direction:column;align-items:start;gap:23px;padding:30px 0}.page-cta h2{font-size:26px}.page-cta .button{font-size:12px}.hub-intro{padding:25px 0 35px}.hub-intro h1{font-size:40px;letter-spacing:-1.7px}.hub-intro>p:not(.eyebrow){font-size:14px;line-height:1.8}.hub-intro .eyebrow{font-size:8px;letter-spacing:2px}.hub-tools{padding:23px 0;gap:19px}.filter-buttons{gap:7px}.filter-buttons button{padding:9px 12px;font-size:10px}.hub-tools input{font-size:13px}.home-function-links{grid-template-columns:1fr;gap:0}.home-function-links a{font-size:13px}.home-resource-links{gap:20px}.home-resource-links a{font-size:10px}.product-card>a.product-page-link{font-size:11px;gap:8px}}
/* Product Design: topic-specific hero assets and explanatory visual journeys. */
.hero-topic-icon{width:22px;height:22px;filter:invert(1);opacity:.82}.detail-hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px}.detail-hero{gap:65px;padding-top:35px;padding-bottom:50px}.detail-hero figure img{height:400px;object-fit:cover;border-radius:21px}.detail-hero figcaption{font-size:10px;color:#bdadc9;margin-top:15px;max-width:440px;line-height:1.7}.topic-infographic{padding:65px 0 60px;border-bottom:1px solid #ffffff14}.visual-heading{max-width:720px;margin-bottom:37px}.visual-heading h2{font-size:35px;letter-spacing:-1.1px;line-height:1.2;margin:0 0 15px;font-weight:650}.visual-heading>p:last-child{font-size:15px;line-height:1.8;color:#bcaac9;margin:0}.visual-heading .eyebrow{font-size:9px;letter-spacing:2.3px;margin-bottom:17px}.visual-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;padding:0;margin:0}.visual-steps li{position:relative;border-top:1px solid #8d526b66;padding-top:25px}.visual-step{position:relative;display:block;min-height:190px;padding-right:20px}.step-icon{width:36px;height:36px;filter:invert(1);opacity:.8;margin-bottom:21px}.step-index{position:absolute;right:20px;top:4px;font-size:11px;color:#d28ba7;letter-spacing:1px}.visual-step h3{font-size:23px;font-weight:600;letter-spacing:-.6px;margin:0 0 12px}.visual-step p{font-size:13px;line-height:1.7;color:#b9a8c6;margin:0 0 19px}.step-explore{display:flex;align-items:center;gap:8px;font-size:10px;color:#dea0ba}.step-explore img{width:14px;height:14px;filter:invert(1)}.visual-step:hover h3{color:#f1bdcf}.process-arrow{position:absolute;right:-40px;top:36px;width:23px;height:23px;filter:invert(1);opacity:.45}.hub-intro.hub-hero{max-width:none;display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:35px 0 50px}.hub-hero h1{font-size:clamp(40px,4.4vw,62px)}.hub-hero>div>p:last-child{font-size:16px;line-height:1.8;color:#bfaecb;max-width:650px;margin:25px 0 0}.hub-hero figure{margin:0}.hub-hero figure img{width:100%;height:350px;object-fit:cover;border-radius:20px}.hub-hero figcaption{font-size:10px;color:#b9a5c8;margin-top:14px;line-height:1.8}.visual-directory-link{padding:0 0 25px;overflow:hidden;border-top:0;border-bottom:1px solid #ffffff21}.directory-photo{width:100%;height:205px;object-fit:cover;border-radius:13px}.directory-copy{display:flex;flex-direction:column;flex:1;padding:21px 0 0}.directory-category{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:9px;letter-spacing:1.7px;color:#d593ae}.directory-category img{width:17px;height:17px;filter:invert(1);opacity:.7}.visual-directory-link h3{font-size:21px;margin-top:15px}.visual-directory-link:hover .directory-photo{filter:brightness(1.06)}.related-grid .directory-photo{height:185px}.app-comparison,.system-builder{padding:60px 0;border-bottom:1px solid #ffffff18}.comparison-scroll{overflow:auto;margin-bottom:27px}.comparison-scroll table{border-collapse:collapse;width:100%;min-width:750px;text-align:left;font-size:12px}.comparison-scroll caption{text-align:left;font-size:11px;color:#b5a0c3;margin-bottom:18px}.comparison-scroll th,.comparison-scroll td{padding:20px 14px;border-bottom:1px solid #ffffff1c;vertical-align:middle;line-height:1.6}.comparison-scroll thead th{font-size:13px;color:#ede0f5}.comparison-scroll tbody th{font-weight:500;color:#e0cce9;max-width:180px}.comparison-scroll td{color:#b8a4c6}.comparison-scroll th img{width:50px;height:50px;border-radius:12px;margin-bottom:12px}.comparison-scroll th a{display:flex;flex-direction:column;align-items:flex-start;gap:0}.builder-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.builder-layout fieldset{padding:24px 0 28px;margin:0;border:0;border-top:1px solid #ffffff1c;min-width:0}.builder-layout legend{font-size:16px;letter-spacing:-.3px;font-weight:550;padding:0 12px 0 0}.choice{display:flex;align-items:center;gap:10px;font-size:13px;color:#d9c6e5;line-height:1.6;margin:12px 0;cursor:pointer}.choice input{display:inline-block;width:18px;height:18px;margin:0;accent-color:#a24569;flex-shrink:0;padding:0}.priority-choices{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.builder-buttons{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.builder-result{padding:30px;background:#211a29;border:1px solid #ffffff1c;border-radius:18px}.builder-result h3{font-size:26px;letter-spacing:-.8px;margin:19px 0 13px}.builder-result>p{font-size:13px;line-height:1.8;color:#bba7c9}.builder-result .brand-symbol{width:30px;height:30px}.builder-result .button{font-size:12px;margin-top:20px;padding:13px 19px}.result-summary{font-size:13px!important;line-height:1.7;color:#e0bdd0!important}.suggested-app{display:flex;gap:15px;align-items:start;border-top:1px solid #ffffff1c;padding:20px 0}.suggested-app img{width:44px;height:44px;border-radius:11px;flex-shrink:0}.suggested-app strong{font-size:14px;font-weight:600}.suggested-app p{font-size:12px;line-height:1.7;color:#b9a4c7;margin:5px 0 0}.builder-result h4{font-size:13px;font-weight:600;margin:20px 0 12px}.result-topics{padding-left:17px;font-size:12px;line-height:2;color:#dca4bf}.result-topics a:hover{color:white}.result-validation{font-size:11px;color:#bca9c9;line-height:1.8}.builder-result #builder-message{font-size:11px;color:#a8d4bc}.system-builder [hidden]{display:none!important}
@media(max-width:1000px){.detail-hero{gap:35px}.detail-hero figure img{height:350px}.hub-intro.hub-hero{gap:35px}.hub-hero figure img{height:320px}.visual-steps{gap:40px}.process-arrow{right:-30px;width:20px}.builder-layout{gap:30px}.builder-result{padding:25px}.priority-choices{grid-template-columns:1fr}}
@media(max-width:600px){.detail-hero{gap:25px;padding-top:22px;padding-bottom:32px}.detail-hero figure img{height:250px;border-radius:15px}.detail-hero .eyebrow{gap:9px;margin-bottom:18px}.hero-topic-icon{width:20px;height:20px}.detail-hero figcaption{font-size:9px;line-height:1.8}.topic-infographic{padding:38px 0 25px}.visual-heading{margin-bottom:26px}.visual-heading h2{font-size:29px;line-height:1.2}.visual-heading>p:last-child{font-size:13px}.visual-heading .eyebrow{font-size:8px;letter-spacing:2px}.visual-steps{grid-template-columns:1fr;gap:0}.visual-steps li{padding-top:23px}.visual-step{min-height:0;padding:0 10px 26px 58px}.step-icon{position:absolute;left:0;top:2px;width:32px;height:32px;margin:0}.step-index{top:5px;right:4px;font-size:9px}.visual-step h3{font-size:22px;margin:0 35px 10px 0}.visual-step p{font-size:12px;margin-bottom:15px}.process-arrow{display:none}.step-explore{font-size:10px}.hub-intro.hub-hero{display:flex;flex-direction:column;gap:26px;padding:25px 0 33px}.hub-hero h1{font-size:40px}.hub-hero>div>p:last-child{font-size:14px;margin-top:21px}.hub-hero figure{width:100%}.hub-hero figure img{height:225px;border-radius:14px}.hub-hero figcaption{font-size:9px}.directory-photo{height:220px}.directory-copy{padding-top:20px}.visual-directory-link{padding-bottom:26px;margin-bottom:18px}.visual-directory-link h3{font-size:24px}.visual-directory-link p{font-size:13px}.related-grid .directory-photo{height:205px}.app-comparison,.system-builder{padding:38px 0}.comparison-scroll th,.comparison-scroll td{padding:16px 12px}.builder-layout{display:flex;flex-direction:column;gap:30px}.builder-layout form,.builder-result{width:100%}.builder-layout legend{font-size:15px}.choice{font-size:12px;min-height:32px}.priority-choices{grid-template-columns:1fr 1fr;gap:0 10px}.builder-result{padding:25px 22px}.builder-result h3{font-size:25px}.builder-buttons .button{font-size:12px;padding:14px 22px}.builder-buttons .text-link{font-size:12px}.suggested-app{gap:13px}.suggested-app p{font-size:11px}}
/* QA refinement: clearer display scale and larger explanatory icons. */
@media(min-width:901px){.detail-hero h1{font-size:clamp(44px,4.8vw,58px)}.detail-hero{padding-top:20px}.detail-hero figure img{height:410px}.topic-infographic .visual-heading h2{font-size:42px;letter-spacing:-1.3px}.topic-infographic .visual-heading>p:last-child{font-size:17px}}
@media(min-width:601px){.visual-step{text-align:center;padding-right:0;min-height:240px}.step-icon{width:62px;height:62px;margin:0 auto 18px}.step-index{position:static;display:block;margin-bottom:12px;font-size:10px}.visual-step h3{font-size:24px}.visual-step p{font-size:14px;max-width:270px;margin:0 auto 18px}.step-explore{justify-content:center}.process-arrow{top:50px}.visual-steps li{padding-top:29px}}
.text-access{display:flex;gap:22px;flex-wrap:wrap;padding:0 0 22px;font-size:10px;color:#b6a1c4}.text-access a:hover{color:#fff}