:root{--cream:#f5f1e8;--paper:#fffdf8;--ink:#111a27;--muted:#58616d;--blue:#2155d9;--orange:#ff6b2c;--line:#c9c5bc;--green:#12805c}
.info-body{background:var(--cream)}
.portal-header{gap:28px}
.portal-header nav{align-items:center}
.portal-header nav a:hover{color:var(--blue)}
.header-action{background:var(--blue);color:#fff!important;padding:10px 14px;border-radius:9px}
.info-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:72px 0 110px}
.info-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:7vw;align-items:end;margin-bottom:54px}
.info-hero h1{font:800 clamp(58px,8vw,108px)/.84 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:14px 0 24px}
.info-hero h1 em{font-style:normal;color:var(--blue)}
.info-hero .page-lead{max-width:760px}
.hero-note{background:var(--ink);color:#fff;border-radius:18px;padding:28px}
.hero-note strong{font:700 28px "Barlow Condensed";text-transform:uppercase;display:block;margin-bottom:9px}
.hero-note p{color:#bdc6d2;font-size:13px;line-height:1.65;margin:0}
.hero-note a{display:inline-block;color:#9bb5ff;font-size:12px;font-weight:700;margin-top:18px}
.price-notice{display:grid;grid-template-columns:auto 1fr;gap:18px;background:#e7edff;border:1px solid #b8c9f8;border-radius:15px;padding:22px;margin-bottom:42px}
.price-notice span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;font-weight:800}
.price-notice strong{display:block;margin-bottom:5px}
.price-notice p{color:#43506a;font-size:13px;line-height:1.6;margin:0}
.price-notice p a{color:#095fce;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.payment-planning{background:#dcecff;border-color:#80aee6}
.pricing-section{margin-top:70px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}
.section-head h2{font:800 clamp(39px,5vw,62px)/.92 "Barlow Condensed";text-transform:uppercase;margin:6px 0 0}
.section-head>p{max-width:530px;color:var(--muted);font-size:13px;line-height:1.65;margin:0}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.price-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:30px;display:flex;flex-direction:column;min-height:360px}
.price-card.featured{border-top:1px solid var(--line)}
.price-card.orange{border-top:1px solid var(--line)}
.card-top{display:flex;justify-content:space-between;gap:22px;align-items:start}
.card-top h3{font:700 34px "Barlow Condensed";text-transform:uppercase;margin:0}
.price{font:800 36px "Barlow Condensed";white-space:nowrap;color:var(--blue)}
.price small{display:block;color:var(--muted);font:600 9px Inter;text-align:right;text-transform:uppercase;letter-spacing:.12em}
.price-card>p{color:var(--muted);font-size:13px;line-height:1.65}
.includes{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px}
.includes li{position:relative;padding-left:23px;font-size:13px;line-height:1.45}
.includes li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.model-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.model-chips span,.service-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#eef1f5;border-radius:99px;padding:7px 10px}
.service-warning{border-top:1px solid var(--line);padding-top:16px;margin-top:auto!important;color:#3d4652!important;font-size:12px!important}
.trace-note{background:#fff1e9;border:1px solid #ffc6a8;border-radius:12px;padding:14px;margin-top:13px!important;color:#71391f!important}
.rate-list{background:var(--paper);border:1px solid var(--line);border-radius:17px;overflow:hidden}
.rate-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}
.rate-row:last-child{border:0}
.rate-row strong{display:block;font-size:14px}
.rate-row p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.rate-row b{font:700 25px "Barlow Condensed";color:var(--blue);text-align:right}
.rate-row b small{display:block;font:500 9px Inter;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.bundle-grid,.build-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bundle,.build-card{background:var(--ink);color:#fff;border-radius:16px;padding:25px;min-height:235px;display:flex;flex-direction:column}
.bundle span,.build-card span{color:#9db5ff;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.bundle h3,.build-card h3{font:700 27px "Barlow Condensed";text-transform:uppercase;margin:27px 0 8px}
.bundle p,.build-card p{color:#bdc6d2;font-size:12px;line-height:1.6;margin:0 0 18px}
.bundle strong,.build-card strong{font:700 27px "Barlow Condensed";margin-top:auto}
.custom-estimate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.custom-estimate article{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px}
.custom-estimate h3{font-size:15px;margin:0 0 8px}
.custom-estimate p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}
.fine-print{border-top:1px solid var(--line);margin-top:70px;padding-top:26px;color:var(--muted);font-size:11px;line-height:1.7}
.info-cta{margin-top:75px;background:var(--blue);color:#fff;border-radius:20px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.info-cta h2{font:800 clamp(38px,5vw,64px)/.9 "Barlow Condensed";text-transform:uppercase;margin:0 0 10px}
.info-cta p{color:#d7e0fa;margin:0}
.info-cta a{background:#fff;color:var(--ink);border-radius:11px;padding:15px 21px;font-weight:800;white-space:nowrap}
.info-footer{border-top:1px solid var(--line);padding:34px clamp(20px,4vw,64px);display:flex;align-items:center;gap:28px;color:var(--muted);font-size:12px}
.info-footer nav{display:flex;gap:20px;margin-left:auto}
.footer-contact{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.footer-contact a{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--blue);font-size:11px;font-weight:800;text-decoration:none}
.knowledge-watch{background:var(--ink);color:#fff;border-radius:20px;padding:34px;margin:42px 0}
.watch-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}
.watch-top h2{font:700 36px "Barlow Condensed";text-transform:uppercase;margin:0}
.updated{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9eb6ff}
.watch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.watch-grid article{border:1px solid #354052;border-radius:13px;padding:20px}
.watch-grid b{font-size:13px}
.watch-grid p{color:#bac3cf;font-size:12px;line-height:1.55;margin:8px 0 0}
.topic-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:36px 0 72px}
.topic-nav a{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:17px;font-size:12px;font-weight:700;transition:.2s}
.topic-nav a:hover{border-color:var(--blue);transform:translateY(-2px);color:var(--blue)}
.article-stack{display:grid;gap:16px}
.knowledge-article{display:grid;grid-template-columns:190px minmax(0,1fr);gap:38px;background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:30px;scroll-margin-top:100px}
.article-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:800}
.article-number{font:800 55px "Barlow Condensed";color:#d8d5cd;display:block;margin-top:18px}
.knowledge-article h2{font:700 34px "Barlow Condensed";text-transform:uppercase;margin:0 0 10px}
.knowledge-article p,.knowledge-article li{color:var(--muted);font-size:13px;line-height:1.7}
.knowledge-article ul{padding-left:18px;margin-bottom:0}
.quick-rule{background:#e7edff;border-left:4px solid var(--blue);padding:13px 15px;margin-top:18px;color:#34415b;font-size:12px;line-height:1.6}
.source-panel{margin-top:55px;background:#ece9e1;border-radius:16px;padding:28px}
.source-panel h2{font:700 30px "Barlow Condensed";text-transform:uppercase;margin:0 0 12px}
.source-panel p{color:var(--muted);font-size:12px;line-height:1.6}
.source-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.source-list a{background:var(--paper);border:1px solid var(--line);padding:9px 12px;border-radius:9px;font-size:11px;font-weight:700}
.about-hero{padding-bottom:50px}
.about-statement{display:grid;grid-template-columns:210px minmax(0,1fr);gap:35px;align-items:start;margin:20px 0 85px;padding:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-statement .page-kicker{margin:8px 0 0}
.about-statement h2{font:800 clamp(38px,5vw,67px)/.95 "Barlow Condensed";text-transform:uppercase;margin:0}
.about-statement>p:last-child{grid-column:2;color:var(--muted);font-size:14px;line-height:1.8;margin:0;max-width:780px}
.about-technicians{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:38px;align-items:stretch;margin:0 0 82px;padding:34px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.technician-bio h2{font:800 clamp(40px,5vw,68px)/.92 "Barlow Condensed";text-transform:uppercase;margin:12px 0 20px}
.technician-bio p:not(.page-kicker){color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 15px;max-width:820px}
.technician-tags{display:flex;flex-wrap:wrap;align-content:center;gap:10px}
.technician-tags span{display:inline-flex;align-items:center;min-height:38px;border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.repair-promise{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:34px;align-items:start;margin:0 0 82px;padding:34px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.repair-promise h2{font:800 clamp(38px,5vw,64px)/.92 "Barlow Condensed";text-transform:uppercase;margin:12px 0 18px}
.repair-promise>div:first-child p:not(.page-kicker){color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 15px}
.promise-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.promise-rules article{border:1px solid var(--line);border-radius:14px;padding:18px;min-height:180px}
.promise-rules span{color:var(--blue);font:800 12px "Barlow Condensed";letter-spacing:.12em}
.promise-rules strong{display:block;font:700 25px "Barlow Condensed";text-transform:uppercase;margin:18px 0 8px}
.promise-rules p{color:var(--muted);font-size:12px;line-height:1.65;margin:0}
.about-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.about-service-grid article{min-height:220px;padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--paper);display:flex;flex-direction:column}
.about-service-grid span{color:var(--blue);font:800 12px "Barlow Condensed";letter-spacing:.12em}
.about-service-grid h3{font:700 28px "Barlow Condensed";text-transform:uppercase;margin:auto 0 8px}
.about-service-grid p{color:var(--muted);font-size:12px;line-height:1.65;margin:0}
.about-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--paper)}
.about-principles article{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:28px;border-bottom:1px solid var(--line)}
.about-principles article:nth-child(odd){border-right:1px solid var(--line)}
.about-principles article:nth-last-child(-n+2){border-bottom:0}
.about-principles b{color:#c8c4bb;font:800 42px "Barlow Condensed"}
.about-principles h3{font:700 25px "Barlow Condensed";text-transform:uppercase;margin:3px 0 7px}
.about-principles p{color:var(--muted);font-size:12px;line-height:1.65;margin:0}
.about-mailin{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:60px;align-items:center;margin:80px 0;padding:45px;border-radius:20px;background:var(--ink);color:#fff}
.about-mailin h2,.about-builds h2{font:800 clamp(40px,5vw,65px)/.92 "Barlow Condensed";text-transform:uppercase;margin:12px 0 17px}
.about-mailin p:not(.page-kicker){color:#bbc4d0;line-height:1.7}
.about-mailin ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.about-mailin li{display:flex;align-items:center;gap:13px;border-bottom:1px solid #344052;padding:12px 0;font-size:12px;font-weight:700}
.about-mailin li span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--blue);font-size:10px}
.about-builds{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:65px;align-items:start;margin:80px 0;padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-builds h2{margin-bottom:0}
.about-builds>div:last-child{color:var(--muted);font-size:14px;line-height:1.8}
@media(max-width:980px){.bundle-grid,.build-grid{grid-template-columns:repeat(2,1fr)}.topic-nav{grid-template-columns:repeat(2,1fr)}.info-hero{grid-template-columns:1fr}.hero-note{max-width:620px}.watch-grid{grid-template-columns:1fr}.custom-estimate{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.about-service-grid{grid-template-columns:repeat(2,1fr)}.about-mailin,.about-builds,.about-technicians,.repair-promise{grid-template-columns:1fr;gap:28px}}
@media(max-width:700px){.info-shell{width:min(100% - 28px,1180px);padding-top:45px}.portal-header nav{display:flex!important}.portal-header nav a:not(.header-action){display:none}.pricing-grid,.bundle-grid,.build-grid,.custom-estimate,.about-service-grid,.promise-rules{grid-template-columns:1fr}.section-head,.info-cta,.watch-top{align-items:flex-start;flex-direction:column}.price-card{min-height:0}.knowledge-article{grid-template-columns:1fr;gap:12px}.article-number{display:none}.topic-nav{grid-template-columns:1fr 1fr;margin-bottom:50px}.info-footer{flex-direction:column;text-align:center}.info-footer nav{margin:0;flex-wrap:wrap;justify-content:center}.footer-contact{justify-content:center}.about-statement{grid-template-columns:1fr;padding:26px 0}.about-statement>p:last-child{grid-column:auto}.about-technicians,.repair-promise{padding:26px}.about-principles{grid-template-columns:1fr}.about-principles article,.about-principles article:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)}.about-principles article:last-child{border-bottom:0}.about-mailin{padding:32px 25px}}
@media(max-width:440px){.portal-header{padding-inline:14px}.portal-header .logo{font-size:27px}.header-action{font-size:11px}.card-top{display:block}.price{margin-top:12px}.price small{text-align:left}.rate-row{grid-template-columns:1fr}.rate-row b{text-align:left}.topic-nav{grid-template-columns:1fr}.info-cta{padding:32px 24px}}
