.service-directory{margin-top:33px;padding:27px 30px;border:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;background:#fbfcfe}.service-directory .eyebrow{font-size:10px;margin-bottom:9px}.service-directory h2{font-size:20px;margin-bottom:10px;line-height:1.7}.service-directory p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);margin:0}.service-directory nav{border-top:1px solid var(--line)}.service-directory nav a{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);min-height:47px;font-size:12px;color:var(--blue)}.service-directory nav a>span:first-child{font-weight:600}.service-directory nav small{font-size:10px;margin-left:auto;white-space:nowrap;color:var(--muted)}.service-directory nav a>span:last-child{font:18px Arial}.service-directory nav a:hover{background:#edf4fc}.guide-section{background:#f6f9fc;border-top:1px solid var(--line)}.guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-cards>a{display:block;padding:29px;border:1px solid var(--line);background:#fff}.guide-cards>a:hover{border-color:var(--blue)}.guide-cards .num{font-size:10px;color:var(--blue);letter-spacing:.1em}.guide-cards small{font-size:10px;color:var(--muted);margin-left:17px}.guide-cards h3{font-size:21px;margin:17px 0 13px}.guide-cards p{font-size:12px;line-height:2;color:var(--muted);margin-bottom:22px}.guide-read{font-size:12px;font-weight:600;color:var(--blue);display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line)}.detail-page .wrap{width:min(1160px,calc(100% - 80px))}.detail-hero{padding:23px 0 48px;background:linear-gradient(135deg,#edf5fc,#fff)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:10px;color:var(--muted);margin:0 0 37px;line-height:1.8}.breadcrumbs a{color:var(--blue);padding:5px 0}.detail-hero h1{font-size:37px;line-height:1.6;letter-spacing:-.025em;color:var(--navy);margin:0 0 17px}.detail-lead{font-size:15px;line-height:2;color:var(--muted);margin:0;max-width:760px}.detail-hero .actions{justify-content:flex-start;margin-top:27px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:52px;padding-top:45px;padding-bottom:65px}.detail-content{min-width:0}.answer-box{border-left:4px solid var(--blue);background:#f0f6fc;padding:27px 29px}.answer-box h2{font-size:22px;line-height:1.7;color:var(--navy);margin:0 0 15px}.answer-box p:not(.eyebrow){font-size:14px;line-height:2.1;margin:0;color:var(--ink)}.answer-box .eyebrow{font-size:10px;margin:0 0 10px}.detail-section{margin-top:43px;padding-top:32px;border-top:1px solid var(--line);scroll-margin-top:20px}.detail-section h2{font-size:25px;line-height:1.7;color:var(--navy);margin-bottom:20px}.detail-section h3{font-size:18px;line-height:1.8;color:var(--ink);margin-bottom:12px}.detail-section>p,.feature-stack p{font-size:14px;line-height:2.1;color:var(--muted);margin-bottom:19px}.detail-list{padding:0;list-style:none;margin:17px 0 0}.detail-list li{position:relative;padding:10px 0 10px 25px;font-size:14px;line-height:1.9;border-bottom:1px solid #e7edf3}.detail-list li:before{content:'✓';color:var(--blue);position:absolute;left:0}.feature-stack>section{display:flex;align-items:flex-start;gap:21px;margin-bottom:23px}.feature-stack .num{font-size:12px;color:var(--blue);padding-top:5px}.feature-stack h3{font-size:18px;margin:0 0 8px}.feature-stack p{font-size:13px;margin:0}.scope-note{background:#f6f8fb;border:1px solid var(--line);padding:23px;margin-top:26px}.scope-note h3{font-size:16px;margin:0 0 12px}.scope-note p{font-size:12px;line-height:2.1;color:var(--muted);margin:0 0 11px}.scope-note a{font-size:12px;color:var(--blue);text-decoration:underline;text-underline-offset:4px}.detail-example-visual{margin:25px 0 28px}.detail-example-visual .browser-scene{height:285px;padding:34px 70px}.detail-example-visual .browser-window{max-width:420px}.detail-example-visual .web-preview{height:145px;padding-top:26px}.detail-example-visual .web-preview b{font-size:19px}.detail-example-visual .lp-preview{min-height:145px}.detail-example-visual .lp-preview b{font-size:17px}.detail-example-visual .lp-preview img{height:122px}.detail-example-visual .dashboard{min-height:205px;grid-template-columns:85px 1fr}.detail-example-visual .dash-main{padding:17px}.detail-example-visual .dash-side{font-size:7px;padding:17px 9px}.detail-example-visual .dash-heading b{font-size:12px}.detail-example-visual .dash-heading>span{font-size:7px}.detail-example-visual .dash-stats strong{font-size:22px}.detail-example-visual .dash-stats small{font-size:7px}.detail-example-visual .dash-table>div,.detail-example-visual .dash-table em{font-size:7px}.detail-example-visual figcaption{font-size:10px;color:var(--muted);line-height:1.8;margin-top:9px}.detail-small,.detail-section .detail-small{font-size:11px;color:var(--muted);line-height:2;margin-top:18px}.detail-small a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.detail-qr{display:flex;align-items:center;gap:26px;border:1px solid var(--line);padding:22px;margin:23px 0}.detail-qr img{width:140px;height:140px}.detail-qr p{font-size:12px;color:var(--muted);margin:0}.detail-sidebar{min-width:0}.sidebar-inner{position:sticky;top:25px;border:1px solid var(--line);border-top:3px solid var(--blue);padding:25px 22px}.sidebar-inner .eyebrow{font-size:9px}.detail-price{font:600 36px/1.1 var(--latin);letter-spacing:-.04em;color:var(--navy);display:flex;align-items:center;gap:5px;margin:0 0 15px}.detail-price>span{font:500 12px/1.5 var(--sans);letter-spacing:0}.detail-price small{display:block;color:var(--muted);font-size:9px;font-weight:400}.detail-price .individual-price{font-size:22px;font-weight:600}.detail-scope{font-size:11px;line-height:2;color:var(--muted);margin-bottom:20px}.sidebar-inner .button{font-size:12px;width:100%;min-height:47px;padding:10px 15px}.sidebar-inner nav{margin-top:22px;border-top:1px solid var(--line)}.sidebar-inner nav a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.sidebar-inner nav a:hover{color:var(--blue)}.detail-cta{padding:31px;border:1px solid #cbdceb;background:#f0f6fc;margin-top:45px}.detail-cta h2{font-size:24px;color:var(--navy);line-height:1.8;margin:0 0 14px}.detail-cta>p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);margin:0}.detail-cta .actions{justify-content:flex-start;margin-top:23px}.detail-cta .button{font-size:12px;gap:22px}.related-services{margin-top:39px}.related-services h2{font-size:19px;margin-bottom:15px}.related-services>a{display:flex;justify-content:space-between;font-size:13px;border-bottom:1px solid var(--line);min-height:50px;align-items:center;color:var(--blue)}.guide-byline{font-size:11px;color:var(--muted);margin:0}.guide-byline>span{margin-left:22px}.guide-article{max-width:860px!important;padding-top:39px;padding-bottom:70px}.guide-toc{margin-top:28px;padding:24px 27px;border:1px solid var(--line);background:#fbfcfe}.guide-toc strong{display:block;font-size:13px;margin-bottom:9px}.guide-toc a{display:block;font-size:12px;padding:7px 0;color:var(--blue);line-height:1.9}.guide-table-scroll{overflow-x:auto;margin:23px 0 15px;border:1px solid var(--line)}.guide-table{width:100%;min-width:600px;border-collapse:collapse;font-size:12px;line-height:2}.guide-table th,.guide-table td{text-align:left;vertical-align:top;padding:15px 17px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.guide-table th:last-child,.guide-table td:last-child{border-right:0}.guide-table tr:last-child td,.guide-table tr:last-child th{border-bottom:0}.guide-table thead{background:#eaf2fb;color:var(--navy)}.guide-table tbody th{font-weight:500;min-width:140px;background:#f6f8fb}.guide-related{margin-top:36px;padding:22px;border:1px solid var(--line);display:flex;align-items:center;gap:22px;color:var(--blue)}.guide-related>span:first-child{font-size:10px;color:var(--muted)}.guide-related strong{font-size:16px}.guide-related>span:last-child{margin-left:auto}
@media(max-width:1000px){.service-directory{grid-template-columns:1fr;gap:22px}.detail-page .wrap{width:calc(100% - 56px)}.detail-layout{grid-template-columns:minmax(0,1fr) 230px;gap:28px}.detail-hero h1{font-size:31px}.sidebar-inner{padding:22px 17px}.detail-price{font-size:31px}.answer-box{padding:23px}.answer-box h2{font-size:21px}.detail-section h2{font-size:22px}.detail-example-visual .browser-scene{padding-inline:28px}.detail-example-visual .dashboard{grid-template-columns:65px 1fr}.detail-example-visual .dash-side{font-size:6px}.detail-cta{padding:23px}.detail-cta .actions{flex-wrap:wrap}.detail-cta .button{flex:1;white-space:nowrap}.guide-cards h3{font-size:19px}}
@media(max-width:700px){.service-directory{padding:22px;margin-top:26px}.service-directory h2{font-size:19px}.service-directory p:not(.eyebrow){font-size:11px}.service-directory nav a{font-size:11px;gap:8px;min-height:54px;flex-wrap:wrap;position:relative;padding:10px 22px 10px 0}.service-directory nav small{font-size:9px}.service-directory nav a>span:last-child{position:absolute;right:0}.guide-cards{grid-template-columns:1fr;gap:18px}.guide-cards>a{padding:23px}.guide-cards h3{font-size:21px;line-height:1.8;margin:15px 0 11px}.guide-cards small{font-size:9px}.guide-cards p{font-size:12px}.detail-page .wrap{width:calc(100% - 36px)}.detail-hero{padding:17px 0 31px}.breadcrumbs{font-size:9px;gap:8px;margin-bottom:27px}.detail-hero h1{font-size:28px;line-height:1.65;overflow-wrap:anywhere}.detail-hero .eyebrow{font-size:10px}.detail-lead{font-size:13px;line-height:2}.detail-hero .actions{gap:9px;margin-top:23px}.detail-hero .button{font-size:11px;padding:12px 13px;gap:10px;flex:1}.detail-layout{display:flex;flex-direction:column;gap:29px;padding-top:29px;padding-bottom:47px}.detail-sidebar{order:-1}.sidebar-inner{position:static;padding:22px}.sidebar-inner nav{display:none}.sidebar-inner .detail-small{display:none}.detail-price{font-size:36px;margin-bottom:12px}.detail-scope{font-size:11px;margin-bottom:17px}.sidebar-inner .button{min-height:48px}.answer-box{padding:22px}.answer-box h2{font-size:21px}.answer-box p:not(.eyebrow){font-size:13px;line-height:2.1}.detail-section{margin-top:31px;padding-top:27px}.detail-section h2{font-size:23px;line-height:1.7;margin-bottom:18px}.detail-section>p,.detail-list li{font-size:13px;line-height:2}.detail-list li{padding:10px 0 10px 24px}.feature-stack>section{gap:14px;margin-bottom:22px}.feature-stack h3{font-size:17px}.feature-stack p{font-size:12px;line-height:2.1}.scope-note{padding:20px}.scope-note p{font-size:11px}.scope-note a{font-size:11px}.detail-example-visual .browser-scene{height:242px;padding:26px 20px 34px}.detail-example-visual .browser-window{max-width:360px}.detail-example-visual .web-preview{height:126px;padding-top:18px}.detail-example-visual .web-preview b{font-size:17px}.detail-example-visual .lp-preview{min-height:126px}.detail-example-visual .lp-preview b{font-size:14px}.detail-example-visual .lp-preview img{height:104px}.detail-example-visual .dashboard{min-height:174px;grid-template-columns:55px 1fr}.detail-example-visual .dash-side{font-size:4px;padding:13px 5px}.detail-example-visual .dash-main{padding:12px 8px}.detail-example-visual .dash-heading b{font-size:8px}.detail-example-visual .dash-heading>span{font-size:4px}.detail-example-visual .dash-stats strong{font-size:16px}.detail-example-visual .dash-stats small,.detail-example-visual .dash-table>div,.detail-example-visual .dash-table em{font-size:5px}.detail-example-visual figcaption{font-size:9px}.detail-qr{flex-direction:column;gap:15px;padding:21px}.detail-qr img{width:180px;height:180px}.detail-qr p{font-size:11px;text-align:center}.detail-cta{padding:23px 20px;margin-top:33px}.detail-cta h2{font-size:22px}.detail-cta .actions{flex-direction:column;gap:10px}.detail-cta .button{min-height:48px;font-size:12px}.related-services>a{font-size:12px;min-height:53px}.guide-article{padding-top:27px;padding-bottom:47px}.guide-byline{font-size:10px}.guide-byline>span{display:block;margin:5px 0 0}.guide-toc{padding:21px}.guide-toc a{font-size:11px;line-height:2;padding:7px 0}.guide-table{font-size:11px;min-width:560px}.guide-table th,.guide-table td{padding:13px}.guide-related{padding:20px;gap:12px;flex-wrap:wrap}.guide-related>span:first-child{width:100%}.guide-related strong{font-size:15px}.detail-small,.detail-section .detail-small{font-size:10px}}
@media(max-width:365px){.detail-page .wrap{width:calc(100% - 28px)}.detail-hero h1{font-size:25px}.service-directory{padding:19px}.service-directory nav a{font-size:11px}.service-directory nav small{width:100%;margin:0}.detail-section h2{font-size:21px}.detail-hero .button{font-size:10px;padding:11px;gap:5px}.answer-box{padding:20px}.answer-box h2{font-size:20px}.guide-cards h3{font-size:19px}}
