/* /assets/site-bundle-12648df04abe.css */
/* assets/site.css */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:#172c43;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.65}a{color:#087bc8;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.8px;line-height:1.45}h3{font-size:18px}p{color:#63758b}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #46aaff;outline-offset:5px}.wrap,.container{width:100%;max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}.eyebrow{display:inline-block;color:#147cbe;font-size:11px;letter-spacing:1.7px;font-weight:700}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #e2e9f1}.site-nav{max-width:1180px;margin:auto;padding:21px 28px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative}.brand{font-size:27px;font-weight:850;letter-spacing:-1px;color:#0874bd;display:inline-flex;align-items:center;gap:14px}.brand span{font-size:9px;letter-spacing:1px;font-weight:600;color:#8290a1}.site-nav nav{display:flex;align-items:center;gap:27px;font-size:13px}.site-nav nav a{color:#596b7f}.site-nav nav a:hover,.site-nav nav [aria-current]{color:#087bc8}.site-nav .nav-contact{border-left:1px solid #dde5ed;padding-left:25px;color:#087bc8}.nav-toggle{display:none;border:1px solid #dce5ed;background:#fff;color:#26465f;border-radius:6px;padding:7px 12px;cursor:pointer}.skip-link{position:fixed;top:-100px;left:20px;z-index:99;background:#fff;padding:12px}.skip-link:focus{top:10px}.product-hero{display:grid;grid-template-columns:.94fr 1.06fr;gap:45px;align-items:center;padding-top:68px;padding-bottom:60px}.hero-copy h1{font-size:clamp(40px,4.7vw,60px);line-height:1.18;letter-spacing:-2px;margin:20px 0}.hero-copy h1 span{color:#087bc8}.hero-subtitle{font-size:18px;color:#263f58;font-weight:600;margin-bottom:15px}.intro{max-width:460px;font-size:14px;line-height:1.95}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#087bc8;color:#fff;border:1px solid #087bc8;border-radius:7px;padding:12px 20px;font-size:13px;font-weight:600}.button:hover{background:#0665a5}.button.secondary{color:#285478;border-color:#d4e0ec;background:#fff}.button.secondary:hover{background:#f1f7fc}.product-visual{border:1px solid #dce6ef;border-radius:14px;padding:21px;background:#fff;box-shadow:0 20px 60px #173d6b08}.figure-label,figcaption{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;color:#8795a5}.figure-label span:last-child{color:#3386be;font-weight:750}.product-visual img{width:100%;display:block;margin:25px 0 18px;aspect-ratio:1.6;object-fit:contain}.product-visual figcaption{border-top:1px solid #edf1f5;padding-top:16px;letter-spacing:.4px}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);padding-top:25px;padding-bottom:25px;border-top:1px solid #e0e8f0;border-bottom:1px solid #e0e8f0}.metric-strip div{display:flex;flex-direction:column;gap:5px;padding-left:30px;border-left:1px solid #e1e8ef}.metric-strip div:first-child{padding-left:0;border:0}.metric-strip strong{font-size:21px;font-weight:650}.metric-strip span{font-size:12px;color:#7c8b9d}.section{padding-top:76px;padding-bottom:76px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}.section-heading h2{margin-top:12px}.section-heading>p{font-size:13px;line-height:1.85;max-width:330px}.spec-layout{display:grid;grid-template-columns:1fr 1fr;gap:58px}.feature-list article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #e5ebf2}.feature-list article:first-child{padding-top:7px}.feature-list article>span{font-size:12px;color:#1783c9;padding-top:4px}.feature-list p{font-size:13px;margin-top:7px;line-height:1.85}.spec-panel{background:#f6f9fc;border:1px solid #dfe7ef;border-radius:12px;padding:27px}.spec-panel h3{margin-bottom:16px}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e4ebf2;padding:12px 0;font-size:13px}dt{color:#6b7b8e}dd{margin:0;text-align:right;color:#294660}.fine{font-size:12px;line-height:1.85;margin-top:19px;color:#7b899a}.tinted{background:#f5f8fc;border-top:1px solid #e9eff5;border-bottom:1px solid #e9eff5}.validation-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:37px;align-items:center}.test-image{display:block;overflow:hidden;border-radius:10px;background:#101319;border:1px solid #d4dfe9}.test-image img{width:100%;display:block}.test-image>span{display:block;padding:13px 18px;background:#fff;color:#64778b;font-size:11px}.pill{display:inline-block;background:#e7f1fb;color:#3778a5;padding:5px 9px;font-size:10px;border-radius:4px}.test-notes h3{margin:14px 0 8px}.test-notes p{font-size:12px;line-height:1.9;margin-top:14px}.text-link{display:inline-block;font-size:13px;margin-top:18px}.kit-grid{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #dfe7ef;border-radius:13px;overflow:hidden}.kit-detail{padding:36px}.check-list{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:13px;color:#4c6279}.check-list li:before{content:'✓';color:#087bc8;margin-right:9px}.price-box{padding:32px;background:#f3f8fd;border-left:1px solid #dfe7ef}.price{font-size:46px;font-weight:750;letter-spacing:-2px;margin-top:10px;line-height:1.3}.price small{font-size:12px;letter-spacing:1px;font-weight:500;color:#76869a}.price-box>p{font-size:12px;margin-top:6px}.price-box .button{margin-top:22px}.resource-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-links>a{border:1px solid #dbe5ef;border-radius:10px;background:#fff;padding:26px;transition:border-color .2s}.resource-links>a:hover{border-color:#62a2d5}.resource-links span{font-size:10px;letter-spacing:1px;color:#8195a8}.resource-links h3{margin:19px 0 10px;color:#244563}.resource-links p{font-size:12px}.faq{max-width:820px;margin:42px auto 0}.faq h3{margin-bottom:18px}.faq details{margin:0;border-top:1px solid #dbe5ee;padding:17px 0}.faq summary{font-size:14px;color:#3b5671;cursor:pointer}.faq details p{font-size:13px;margin:14px 0 0;line-height:1.85}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-layout h2{margin:15px 0}.contact-layout p{font-size:13px}.contact-channels>a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe7ef;padding:18px 0}.contact-channels strong{display:block;color:#24425e;font-size:18px}.contact-channels span{display:block;color:#7b899b;font-size:12px;margin-top:4px}.partner{padding-top:24px;scroll-margin-top:110px}.partner strong{font-size:14px}.partner p{margin-top:5px;font-size:12px}.site-footer{padding:35px 0 20px;background:#f6f8fb;border-top:1px solid #e1e8f0;text-align:left}.footer-inner{max-width:1180px;margin:auto;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.site-footer p{font-size:11px;margin:4px 0}.footer-links{display:flex;justify-content:flex-end;gap:22px;font-size:12px}.footer-links a{color:#687b90}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #dfe7ef;padding-top:20px;font-size:10px;color:#8492a3}.guide-intro{padding-top:55px;padding-bottom:35px}.guide-intro h1{font-size:clamp(32px,4vw,46px);margin:15px 0}.guide-intro>p{font-size:15px}.guide-toc{display:flex;gap:24px;margin-top:25px;flex-wrap:wrap;font-size:12px}.guide-page main>section:not(.guide-intro){padding:42px 0}.guide-page .section-alt{background:#f5f8fc}.guide-page .section-head{margin-bottom:25px}.guide-page .section-head h2{font-size:25px}.guide-page .section-head p{font-size:13px;margin-top:8px}.no{font-size:14px;color:#167fbf;margin-right:12px}.role-grid,.img-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.role-card{border:1px solid #dce6ef;border-radius:10px;padding:26px}.role-tag{color:#157fbd;background:#edf5fd;border-radius:5px;padding:4px 9px;font-size:11px}.role-card h3{margin:15px 0 9px}.role-card p,.step p{font-size:14px;line-height:1.9}.steps{padding:0;margin:0;list-style:none}.step{display:grid;grid-template-columns:42px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid #dfe7ef}.step-num{height:38px;border:1px solid #cfe1ef;border-radius:8px;display:grid;place-items:center;color:#1682c9}.step h3{font-size:17px;margin-bottom:7px}.key{color:#1976b5}.img-card{border:1px solid #dce6ef;border-radius:10px;overflow:hidden;margin:0}.img-card img{display:block;width:100%;height:330px;object-fit:contain;background:#f8fafc}.img-cap{padding:17px;font-size:12px;color:#667c91}.tips{border-left:3px solid #1788d4;padding:12px 24px;background:#eaf2fa}.tips ul{padding-left:18px;margin:0}.tips li{font-size:13px;padding:6px 0;color:#506a82}.guide-end{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:40px;padding-bottom:45px}.guide-end h2{font-size:23px}.guide-end p{font-size:13px;margin-top:8px}.file-icon{font-size:16px!important;font-weight:650}#main.container .hero{background:none}#main.container .hero h1{letter-spacing:-1px}.site-footer .brand{color:#0874bd}.site-header nav a:after{display:none}@media(max-width:900px){.brand span{display:none}.nav-toggle{display:block}.site-nav nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 28px;background:#fff;border-bottom:1px solid #dce5ee;box-shadow:0 12px 20px #1738540a;align-items:stretch;gap:0}.site-nav nav.is-open{display:flex;flex-direction:column}.site-nav nav a{padding:12px 0}.site-nav .nav-contact{border-left:0;border-top:1px solid #e1e8ef;padding-left:0}.product-hero{gap:28px;grid-template-columns:1fr 1fr}.hero-copy h1{font-size:42px}.validation-grid,.spec-layout{gap:28px}.section-heading{gap:24px}.contact-layout{gap:35px}.brand{font-size:25px}.check-list{grid-template-columns:1fr}.resource-links>a{padding:20px}.footer-links{flex-wrap:wrap;gap:14px}}@media(max-width:650px){html{scroll-padding-top:85px}.wrap,.container{padding-left:20px;padding-right:20px}.site-nav{padding:16px 20px}.product-hero{grid-template-columns:1fr;padding-top:37px;padding-bottom:32px;gap:30px}.hero-copy h1{font-size:46px}.hero-subtitle{font-size:16px}.product-visual{padding:18px}.product-visual img{margin:12px 0}.metric-strip{gap:12px;padding-top:19px;padding-bottom:19px}.metric-strip div{padding-left:12px}.metric-strip strong{font-size:13px}.metric-strip span{font-size:10px}.section{padding-top:45px;padding-bottom:45px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:14px;max-width:none}.spec-layout,.validation-grid,.kit-grid,.contact-layout,.resource-links,.role-grid,.img-grid{grid-template-columns:1fr}.spec-panel,.kit-detail,.price-box{padding:24px}.price-box{border-left:0;border-top:1px solid #dfe7ef}.check-list{grid-template-columns:1fr;gap:14px}.contact-layout{gap:20px}.footer-inner{padding:0 20px;grid-template-columns:1fr;gap:18px}.footer-links{justify-content:flex-start}.guide-end{align-items:flex-start;flex-direction:column}.guide-intro{padding-top:35px}.guide-toc{gap:12px 20px}.step{gap:14px;grid-template-columns:34px 1fr}.img-card img{height:280px}.guide-page main>section:not(.guide-intro){padding:32px 0}.footer-bottom{gap:12px}.site-footer .brand{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-contacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.hero-contacts a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px;border:1px solid #bfdcf2;border-radius:8px;background:#eef7ff;color:#0874bd}.hero-contacts a:hover{border-color:#087bc8;background:#e1f1ff}.hero-contacts strong{display:block;font-size:13px;white-space:nowrap}.hero-contacts small{display:block;font-size:11px;color:#5d7892;margin-top:3px}.hero-contacts b{font-size:17px}.hero-copy .actions{margin-top:16px}@media(max-width:380px){.hero-contacts{gap:8px}.hero-contacts a{padding:11px 9px}.hero-contacts strong{font-size:12px}}

.fraud-notice{display:flex;gap:16px;margin:24px auto 0;padding:20px 24px;background:#fff5e9;border:1px solid #edc48d;border-left:5px solid #b9500b;border-radius:8px}.fraud-icon{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#b9500b;color:white;font-size:20px;font-weight:800}.fraud-notice h2{font-size:20px;line-height:1.5;letter-spacing:0;color:#813900;margin-bottom:6px}.fraud-notice p{font-size:16px;color:#67472f}.fraud-notice .fraud-detail{font-size:14px;margin:6px 0 8px}.fraud-notice a{font-size:14px;font-weight:700;text-decoration:underline}.fraud-example{max-width:980px;margin:auto;padding:16px;background:#101113;border-radius:10px}.fraud-example img{display:block;width:100%;border-radius:4px}.fraud-example figcaption{color:#e4e8ef;font-size:14px;padding-top:12px}@media(max-width:600px){.fraud-notice{width:calc(100% - 32px);padding:16px;gap:10px}.fraud-notice h2{font-size:18px}.fraud-example{padding:10px}}

/* assets/guide-visual.css */
.visual-guide .guide-intro{padding-bottom:28px}.visual-guide .guide-intro h1{font-size:clamp(30px,4vw,46px)}.quick-sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.quick-sequence a{display:flex;align-items:center;gap:12px;background:#eef6fd;border:1px solid #d6e7f5;border-radius:8px;padding:14px;font-size:14px;color:#234d6c}.quick-sequence b{color:#087bc8;font-size:20px}.prep-note{font-size:13px;padding:16px 19px;border-left:3px solid #087bc8;background:#f7f9fc;color:#62778c}.prep-note strong{color:#244b6a;margin-right:12px}.visual-guide>section.overview{padding-top:20px;padding-bottom:25px}.visual-heading{margin-bottom:20px}.visual-heading h2{font-size:25px;margin-top:8px}.diagram-link{display:block;border:1px solid #d6e4ef;border-radius:12px;overflow:hidden;background:#f5faff}.diagram-link img{display:block;width:100%}.diagram-link>span{display:block;text-align:center;padding:12px;font-size:13px;background:#eef6fd}.image-note{font-size:11px;line-height:1.8;margin-top:10px;color:#7b8b9b}.visual-guide>section.roles-compact{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;padding-top:22px;padding-bottom:22px}.roles-compact>div{background:#f5f8fc;border:1px solid #dce6ef;border-radius:10px;padding:22px}.roles-compact h3{margin:9px 0 5px}.roles-compact p{font-size:13px}.connection-line{font-size:12px;color:#2484c4}.visual-step{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;border-top:1px solid #e1e9f1;padding:38px 0;scroll-margin-top:95px}.step-label{font-size:12px;color:#0783ce;letter-spacing:1.5px;font-weight:700}.step-copy h2{font-size:29px;margin:15px 0}.step-copy p{font-size:15px;line-height:1.9}.step-copy strong{color:#1b527a}.key-note{margin-top:22px;padding:17px;border-left:3px solid #0783ce;background:#edf6ff;color:#245377;font-size:14px}.key-note small{display:block;font-size:12px;color:#6a7f91;margin-top:7px}.original-photo{display:block;background:#f4f7fa;border:1px solid #dce6ee;border-radius:12px;overflow:hidden}.original-photo img{display:block;width:100%;height:370px;object-fit:contain}.original-photo span{display:block;padding:12px 16px;font-size:12px;background:#fff}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.finish-card{border:1px solid #d8e5ef;border-radius:12px;padding:27px;scroll-margin-top:95px}.finish-card h2{font-size:23px;margin:17px 0 12px}.finish-card p{font-size:14px;line-height:1.9}.do-not{display:block;color:#8b622f;background:#fff7e9;padding:11px 13px;margin-top:20px;border-radius:6px;font-size:12px;font-weight:500}.motion-demo,.check-demo{height:90px;display:flex;align-items:center;justify-content:center;gap:15px;background:#f2f8fd;border-radius:8px;margin-top:18px}.demo-module{border:2px solid #5c8eb4;border-radius:5px;padding:7px 20px;background:#fff;font-size:13px}.push-arrow{font-size:38px;color:#1685ce}.demo-port{border:5px solid #426785;padding:5px 9px;font-size:13px;color:#254661}.check-demo{font-size:42px;color:#218261}.check-demo span{font-size:21px}.visual-guide>section.final-check{background:#f1f8fc;padding-top:26px;padding-bottom:26px;border-radius:12px}.final-check h2{font-size:24px}.check-items{display:flex;gap:28px;flex-wrap:wrap;margin-top:18px;font-size:14px}.check-items span{color:#188768;margin-right:8px}.visual-guide>section.guide-next{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;padding-top:40px;padding-bottom:50px}.guide-next h2{font-size:26px;margin:10px 0}.guide-next p{font-size:13px}.guide-next .button{margin-top:20px}.stuck-help{padding:25px;background:#f5f8fc;border:1px solid #dce6ef;border-radius:12px}.stuck-help p{margin:12px 0}.stuck-help a{font-size:14px}@media(max-width:650px){.quick-sequence{grid-template-columns:1fr 1fr;gap:8px}.quick-sequence a{padding:10px;font-size:13px}.visual-heading h2{font-size:22px}.visual-guide>section.roles-compact{grid-template-columns:1fr;gap:12px}.connection-line{text-align:center}.visual-step{grid-template-columns:1fr;gap:20px;padding:28px 0}.step-copy h2{font-size:24px}.original-photo img{height:340px}.finish-grid{grid-template-columns:1fr}.finish-card{padding:22px}.visual-guide>section.guide-next{grid-template-columns:1fr;gap:25px}.check-items{display:grid;gap:10px}.visual-guide>section.final-check{border-radius:0}.prep-note{font-size:12px}}
.install-jump{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:14px;font-weight:600}.bracket-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.bracket-choice article{padding:24px;border:1px solid #d9e6ef;border-radius:10px;background:#f6f9fc}.bracket-choice h3{margin:14px 0 8px}.bracket-choice p{font-size:13px}.pcie-checklist{list-style:none;margin:25px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.pcie-checklist li{display:flex;gap:16px;border-top:1px solid #dfe8f0;padding-top:20px}.pcie-checklist b{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#e8f3fc;color:#087bc8}.pcie-checklist h3{font-size:17px;margin-bottom:8px}.pcie-checklist p{font-size:13px;line-height:1.9}#pcie-install{scroll-margin-top:95px}@media(max-width:650px){.bracket-choice,.pcie-checklist{grid-template-columns:1fr}.install-jump{gap:10px;font-size:13px}}
/* assets/guide-beginner.css */
.beginner-guide{max-width:940px;padding-bottom:45px}.beginner-head{padding:35px 0 22px}.beginner-head h1{font-size:clamp(28px,4vw,40px);margin:12px 0}.beginner-head p{font-size:15px}.help-now{display:inline-block;margin-top:16px;font-size:14px;font-weight:650}.lesson-nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #dce6ef;padding-bottom:20px}.lesson-nav a{font-size:13px;padding:8px 12px;border:1px solid #d7e5f0;border-radius:6px;color:#506c84}.lesson-nav [aria-current]{background:#087bc8;color:#fff;border-color:#087bc8}.lesson-progress{font-size:12px;margin:16px 0}.lesson{padding:26px;border:1px solid #d9e5ef;border-radius:12px;background:#fff;scroll-margin-top:90px;margin-bottom:20px}.lesson[hidden],.lesson-controls[hidden]{display:none}.lesson-title>span{font-size:12px;color:#087bc8;font-weight:700}.lesson-title h2{font-size:clamp(24px,3vw,32px);margin:10px 0}.lesson-title>p{font-size:16px;margin-bottom:23px}.big-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.big-actions>div{background:#eff6fc;padding:25px;border-radius:10px}.big-actions b{display:block;color:#087bc8;font-size:40px}.big-actions strong{font-size:21px;display:block;margin:9px 0}.big-actions p{font-size:14px}.plain-tip{background:#f2f7fc;border-left:3px solid #0782c7;padding:16px;font-size:16px;line-height:1.85;margin:20px 0;color:#355570}.stop-note{background:#fff5e8;color:#805621;padding:15px;border-radius:7px;font-size:14px;margin:17px 0}.done-note{background:#eff8f3;border:1px solid #d3e9dd;border-radius:8px;padding:17px;margin-top:22px}.done-note b{font-size:12px;color:#2b7a57}.done-note p{font-size:16px;color:#2d6048;margin-top:5px}.lesson-photo{display:block;overflow:hidden;border:1px solid #dce5ed;border-radius:10px;background:#f6f9fc}.lesson-photo img{display:block;width:100%;max-height:460px;object-fit:contain}.lesson-photo>span{display:block;text-align:center;padding:12px;font-size:14px;background:#eaf4fd}.board-crop img{max-height:none}.bracket-simple{display:flex;justify-content:center;gap:65px;background:#f4f8fc;padding:25px;border-radius:10px}.bracket-simple>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.bracket-simple strong{font-size:22px;margin-top:12px}.bracket-simple p{font-size:14px}.bracket-shape{width:40px;background:linear-gradient(90deg,#b0becb,#edf1f5,#a2b2c0);border:2px solid #90a0ad;border-radius:3px;position:relative}.bracket-shape:before{content:'';position:absolute;width:23px;height:8px;top:-4px;left:-20px;background:#becbd5;border:1px solid #8c9ca9}.bracket-shape:after{content:'';position:absolute;background:#f4f8fc;border:1px solid #8b9da9;width:14px;height:25px;bottom:25px;left:11px}.tall{height:145px}.short{height:90px}.lesson details{margin:20px 0;font-size:14px}.lesson summary{cursor:pointer;color:#087bc8}.lesson details p{margin-top:12px;line-height:1.9}.insert-simple{display:flex;flex-direction:column;align-items:center;background:#f2f7fc;padding:20px;border-radius:10px;gap:12px;color:#496d8b;font-size:14px}.gold-edge{width:220px;height:30px;background:repeating-linear-gradient(90deg,#c99d33 0 9px,#f1d17b 9px 12px);border-top:20px solid #43826a}.insert-simple b{font-size:34px;color:#087bc8;line-height:1}.slot-edge{width:260px;height:20px;background:#183047;border:5px solid #7899b3}.plain-list{padding-left:24px;font-size:16px;color:#405e76;line-height:1.85}.plain-list li{margin:10px 0}.last-check{font-size:17px;line-height:2;color:#35674c;padding-left:24px}.lesson-controls{display:flex;justify-content:space-between;gap:15px;margin:20px 0}.lesson-controls button{cursor:pointer;min-height:48px}.lesson-controls button:disabled{opacity:.4;cursor:default}.lesson-help{padding:23px;background:#eff5fb;border-radius:10px}.lesson-help p{font-size:13px;margin:8px 0 12px}.lesson-help a{font-size:14px}.full-diagrams{margin-top:24px;color:#6d8093;font-size:13px}.full-diagrams summary{cursor:pointer;padding:12px 0}.full-diagrams .lesson-photo{margin:15px 0}.full-diagrams img{max-height:none}@media(max-width:650px){.lesson{padding:20px 16px}.beginner-head{padding-top:25px}.big-actions{grid-template-columns:1fr}.big-actions>div{padding:16px}.big-actions b{font-size:28px}.lesson-nav a{font-size:12px;padding:8px}.lesson-photo img{max-height:360px}.board-crop img{max-height:none}.plain-tip,.plain-list{font-size:15px}.bracket-simple{gap:50px}.lesson-title>p{font-size:15px}.full-diagrams img{max-height:none}}
/* assets/brand-theme.css */
:root{--brand:#087bc8;--ink:#172c43;--muted:#536b83;--line:#d9e6f0;--wash:#f1f7fc}
body{color:var(--ink);background:#fff}p{color:var(--muted);font-size:16px;line-height:1.85}
.site-header{border-bottom:1px solid var(--line);box-shadow:0 4px 24px #172c4305}
.site-nav{padding-top:14px;padding-bottom:14px;gap:28px}.brand{display:inline-flex;flex:none;line-height:0}.brand-logo{display:block;width:256px;height:auto;max-width:100%}.site-nav nav{font-size:14px;gap:24px}.site-nav nav a{font-weight:600}.site-nav nav [aria-current]{color:var(--brand)}
h1,h2,h3{color:var(--ink)}.hero-copy h1{font-weight:850;letter-spacing:-1.5px}.hero-copy h1 span{color:var(--brand)}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.8px}.intro,.feature-list p,.section-heading>p,.contact-layout p,.role-card p,.step p{font-size:16px}.hero-subtitle{font-size:19px}
.product-hero{position:relative;padding-top:62px;padding-bottom:58px}.product-hero:before{content:"";position:absolute;right:28px;top:20px;width:84px;height:7px;background:var(--brand);transform:skewX(-38deg);box-shadow:-16px 12px 0 #d5eafa}
.product-visual{border-radius:12px;border:1px solid var(--line);border-top:4px solid var(--brand);box-shadow:0 16px 48px #172c4309}.figure-label,figcaption{font-size:12px}.metric-strip{background:var(--wash);border-color:var(--line)}.metric-strip strong{color:var(--ink);font-weight:750}.metric-strip span{font-size:14px}
.button,.primary{background:var(--brand);font-size:14px;border-radius:6px;font-weight:700}.button:hover,.primary:hover{background:#0564a4}.button.secondary{color:var(--ink);background:#fff}.hero-contacts a{border-radius:6px;background:var(--wash);border-color:#c5dff1}.hero-contacts strong{font-size:14px}.hero-contacts small{font-size:12px}.hero-contacts a:hover{background:#e3f1fc}
.spec-panel,.price-box,.help{background:var(--wash)}.spec-panel,.resource-links>a,.role-card,.resource,.help,.kit-grid{border-color:var(--line);border-radius:10px}.feature-list article>span{font-size:14px;font-weight:700}.tinted{background:#f5f9fd}.resource-links>a{border-top:3px solid var(--brand)}.resource-links p,.test-notes p,.faq details p,.help p,.description{font-size:14px}.resource-links span,.pill,.fine,.meta,.tag,.section-label p{font-size:12px}.spec-panel dl>div,.test-notes dl>div,.check-list{font-size:14px}.price{color:var(--ink)}.contact-channels>a{border-left:3px solid var(--brand);padding-left:18px}.contact-channels span{font-size:14px}.site-footer{background:#eef5fb;border-top:3px solid var(--brand)}.site-footer .brand-logo{width:240px}.footer-links{font-size:14px}.site-footer p,.footer-bottom{font-size:12px}.guide-toc,.guide-page .section-head p,.img-cap,.tips li{font-size:14px}
.fraud-notice{background:#fff8ee}.fraud-notice h2{color:#813900}.fraud-notice p{color:#67472f}.fraud-notice .fraud-detail{font-size:14px}.resources .file-icon{color:var(--brand);background:#eaf4fc;border-radius:8px}.secure{font-size:13px}.resource h2{color:var(--ink)}dialog{border-top:4px solid var(--brand);border-radius:12px}.password-field:focus-within{outline:2px solid var(--brand);outline-offset:2px}
@media(max-width:900px){.brand-logo{width:230px}.site-nav{gap:16px}.site-nav nav{font-size:15px}.product-hero:before{display:none}}
@media(max-width:650px){.brand-logo{width:205px}.site-nav{padding-top:12px;padding-bottom:12px}.nav-toggle{font-size:14px}.hero-copy h1{font-size:44px}.metric-strip strong{font-size:14px}.metric-strip span{font-size:12px}.section-heading>p{font-size:15px}.hero-contacts{grid-template-columns:1fr}.hero-contacts strong{white-space:normal}.site-footer .brand-logo{width:220px}.product-hero{padding-top:36px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:360px){.brand-logo{width:175px}.site-nav{gap:8px}.nav-toggle{padding:6px 8px}.hero-copy h1{font-size:39px}}

/* assets/language.css */
.language-switch{flex-shrink:0;margin-left:12px;padding:8px 11px;border:1px solid #b8d6ec;border-radius:6px;background:#eef7ff;color:#087bc8;font:700 13px inherit;cursor:pointer;min-width:48px}.language-switch:focus-visible{outline:3px solid #087bc8;outline-offset:3px}@media(max-width:900px){.site-nav{flex-wrap:wrap}.language-switch{order:2;margin-left:8px}.nav-toggle{order:1;margin-left:auto}#site-menu{order:3;width:100%}}html[lang=en] .site-nav nav{gap:16px}html[lang=en] .site-nav nav a{font-size:13px}

/* assets/authenticity.css */
.auth-entry{max-width:1200px;margin:18px auto;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #bddaf6;border-radius:16px;background:linear-gradient(115deg,#edf7ff,#fff);color:#163850}.auth-entry h2,.auth-entry h3{margin:4px 0 7px;font-size:22px;line-height:1.4}.auth-entry p{margin:0;color:#536b80;line-height:1.7}.auth-badge{color:#087bc8;font-size:12px;font-weight:750;letter-spacing:.06em}.auth-entry-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex-shrink:0}.auth-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:9px;background:#087bc8;color:white!important;text-decoration:none;font-weight:700;border:1px solid #087bc8;min-height:46px}.auth-button.secondary{color:#087bc8!important;background:white}.auth-page{max-width:1180px;margin:auto;padding:36px 24px 72px;color:#18314a}.auth-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:40px;align-items:center;padding:16px 0 36px}.auth-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.25;margin:15px 0}.auth-hero .lead{font-size:17px;line-height:1.9;color:#526a7f}.auth-meta{font-size:13px;color:#536b80;line-height:1.8;margin-top:14px}.auth-preview{margin:0}.auth-preview img{width:100%;height:auto;display:block;border:1px solid #d3dfeb;border-radius:12px;box-shadow:0 16px 45px #234c7312}.auth-preview figcaption{font-size:12px;color:#60778b;line-height:1.7;margin-top:10px}.auth-notice{background:#fff8e9;border:1px solid #ebd5a0;border-left:4px solid #bd811e;border-radius:10px;padding:22px 24px;line-height:1.8;margin:0 0 32px}.auth-notice h2{font-size:20px;margin:0 0 8px}.auth-notice p{margin:5px 0}.auth-toc{display:flex;gap:12px 22px;flex-wrap:wrap;padding:0 0 24px;border-bottom:1px solid #dce7ef}.auth-toc a{color:#087bc8;font-weight:650;text-decoration:none}.auth-section{padding-top:38px;scroll-margin-top:100px}.auth-section h2{font-size:26px;margin:0 0 18px}.auth-section p,.auth-section li{line-height:1.9;color:#4a6277}.auth-section a{color:#087bc8}.auth-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px}.auth-step{padding:24px;border:1px solid #d7e3ee;border-radius:14px;background:#fff}.auth-number{font-size:13px;font-weight:750;color:#087bc8;letter-spacing:.1em}.auth-step h3{font-size:20px;margin:10px 0}.auth-step p{margin:7px 0}.auth-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-result{padding:22px;border:1px solid #d8e4ee;border-radius:12px;background:#f8fbff}.auth-result h3{font-size:18px;margin:0 0 10px}.auth-result p{margin:0}.auth-result.warning{background:#fff9ed;border-color:#ead9b3}.auth-help{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.auth-hash{overflow-wrap:anywhere;display:block;padding:17px;background:#eef4fa;border-radius:8px;font-size:13px;line-height:1.8}.auth-section details{padding:16px 0;border-bottom:1px solid #dce7ef}.auth-section summary{cursor:pointer;font-weight:700;line-height:1.7}.auth-section details p{margin:10px 0}.auth-footer-cta{margin-top:35px;background:#edf6ff;padding:24px;border-radius:14px}.auth-free-card{margin:26px 0}.auth-page :focus-visible,.auth-entry :focus-visible{outline:3px solid #e9a825;outline-offset:4px}@media(max-width:800px){.auth-entry{margin:14px 18px;align-items:flex-start;flex-direction:column;padding:20px}.auth-free-card{margin:24px 0}.auth-hero,.auth-help{grid-template-columns:1fr;gap:24px}.auth-hero{padding-top:4px}.auth-steps,.auth-results{grid-template-columns:1fr}.auth-page{padding:22px 18px 45px}.auth-entry-actions{flex-shrink:1}.auth-notice{padding:18px}.auth-hero h1{font-size:34px}.auth-section h2{font-size:24px}}

.auth-device-reference{margin:20px 0;padding:22px;background:#fff;border:1px solid #d3dfeb;border-radius:12px}.auth-device-reference img{display:block;width:auto;max-width:100%;height:auto;margin:0!important;border:0;box-shadow:none}.auth-device-reference figcaption{margin-top:12px;font-size:13px;color:#60778b;line-height:1.7}

/* assets/layout-refresh.css */
/* Layout refresh: product first, clear service entries, consistent reading widths. */
.site-nav{gap:20px;padding-top:16px;padding-bottom:16px}
.site-nav .brand-logo{width:190px;height:auto}
.site-nav nav{gap:20px;white-space:nowrap}
.site-nav .nav-contact{padding-left:18px}
.site-nav .language-switch{flex-shrink:0}
main{min-width:0}
.home-compact{background:#fff}
.home-compact .product-hero{padding-top:52px;padding-bottom:40px;gap:56px;grid-template-columns:1fr 1fr}
.home-compact .hero-copy h1{font-size:clamp(42px,4.4vw,58px);line-height:1.18;margin:18px 0 20px;letter-spacing:-1.5px}
.home-compact .hero-copy h1 span{font-size:.67em;display:inline-block;margin-top:8px}
.home-compact .hero-subtitle{font-size:19px;margin-bottom:12px}
.home-compact .intro{font-size:15px;line-height:1.9;max-width:460px}
.home-compact .actions{gap:10px;margin-top:26px}
.home-compact .button{min-height:44px;padding:11px 16px;font-size:13px}
.home-compact .product-visual{background:linear-gradient(145deg,#f2f7fc,#fff);padding:24px;border-radius:20px;box-shadow:0 16px 45px #1b49780a}
.home-compact .product-visual img{max-height:290px;margin:18px 0 20px;aspect-ratio:1.6;object-fit:contain}
.home-compact .metric-strip{width:calc(100% - 56px);max-width:1124px;padding:20px 26px;border:1px solid #e1eaf2;border-radius:14px;background:#f6f9fc}
.home-compact .metric-strip strong{font-size:19px}
.home-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:26px;padding-bottom:0}
.service-card{display:flex;flex-direction:column;padding:24px;border:1px solid #dce6ef;border-radius:16px;color:#183b56;background:#fff;transition:border-color .2s,box-shadow .2s}
.service-card:hover{border-color:#8bbfe4;box-shadow:0 8px 24px #194d7510}
.service-featured{background:linear-gradient(125deg,#edf7ff,#f8fbff);border-color:#a7d1ef}
.service-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;color:#087bc8}
.service-card h2{display:flex;align-items:center;justify-content:space-between;font-size:21px;letter-spacing:0;margin:10px 0}
.service-card h2 span{font-size:19px;color:#087bc8}
.service-card p{font-size:13px;line-height:1.8}
.service-foot{display:block;margin-top:auto;padding-top:18px;font-size:11px;color:#6c8295}
.home-compact .fraud-notice{width:calc(100% - 56px);max-width:1124px;margin-top:18px;padding:13px 18px;border-left-width:3px;background:#fffaf3}
.home-compact .fraud-notice>div:last-child{gap:6px 16px}
.home-compact .section{padding-top:54px;padding-bottom:42px}
.home-compact .section-heading{gap:24px;margin-bottom:24px}
.home-compact .section-heading h2,.home-compact .contact-layout h2{font-size:28px}
.home-compact .section-heading>p{max-width:390px;line-height:1.85}
.home-compact .spec-panel{padding:28px;border-radius:16px;background:#f8fafc}
.home-compact .compact-records{gap:12px;padding-top:14px;padding-bottom:12px}
.home-compact .compact-records .section-heading{margin-bottom:6px}
.home-compact .info-fold{border-radius:12px}
.home-compact .info-fold>summary{padding:19px 22px;min-height:60px}
.home-compact .fold-body{padding:4px 22px 22px}
.home-compact .kit-grid{border-radius:16px}
.home-compact .kit-detail,.home-compact .price-box{padding:30px}
.home-compact .resource-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-compact .resource-links>a{padding:24px;border-radius:14px;display:flex;flex-direction:column;min-height:158px}
.home-compact .resource-links h3{font-size:19px;margin:12px 0 9px}
.home-compact .faq{margin-top:36px;padding:24px 28px;background:#fff;border:1px solid #e0e8f0;border-radius:14px;max-width:none}
.home-compact .contact-channels{grid-template-columns:1fr}
.home-compact .contact-channels>a{padding:18px 20px;border:1px solid #d7e6f2;border-radius:12px;background:#f5faff}
.home-compact .partner{padding:12px 20px}
.home-compact .site-footer{padding-top:30px}
.auth-page{max-width:1180px}
.auth-page .auth-toc{gap:10px;padding:14px;background:#f6f9fc;border:1px solid #dce7ef;border-radius:12px}
.auth-page .auth-toc a{font-size:13px;padding:6px 9px;border-radius:6px;background:white}
.auth-page .auth-section{padding-top:44px}
.auth-page .auth-device-reference{max-width:780px}
@media(min-width:901px) and (max-width:1100px){.site-nav nav{gap:13px;font-size:12px}.site-nav .brand-logo{width:160px}.site-nav{gap:14px}.site-nav .nav-contact{padding-left:12px}}
@media(max-width:900px){.site-nav nav{white-space:normal}.home-compact .product-hero{gap:30px}.home-compact .hero-copy h1{font-size:44px}.home-services{gap:12px}.service-card{padding:20px}.service-card h2{font-size:19px}}
@media(max-width:650px){
 .site-nav{padding:13px 20px;gap:12px}.site-nav .brand-logo{width:155px}.site-nav .language-switch{margin-left:auto}.nav-toggle{min-height:40px}
 .home-compact .product-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:24px;gap:24px}
 .home-compact .hero-copy h1{font-size:44px;margin:14px 0 18px}.home-compact .hero-subtitle{font-size:17px}.home-compact .intro{font-size:14px}
 .home-compact .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.home-compact .actions .button:first-child{grid-column:1/-1}.home-compact .button{padding:11px 12px}
 .home-compact .product-visual{padding:18px;border-radius:14px}.home-compact .product-visual img{max-height:210px;margin:12px 0 16px}
 .home-compact .metric-strip{width:calc(100% - 40px);padding:16px 14px;gap:10px}.home-compact .metric-strip strong{font-size:12px;letter-spacing:0}.home-compact .metric-strip span{font-size:10px}.home-compact .metric-strip div{padding-left:10px}
 .home-services{grid-template-columns:1fr;padding-top:20px;gap:12px}.service-card{padding:18px 20px}.service-card h2{font-size:21px;margin:7px 0}.service-foot{padding-top:10px}
 .home-compact .fraud-notice{width:calc(100% - 40px);padding:14px;gap:10px;align-items:flex-start}.home-compact .fraud-notice>div:last-child{gap:6px 12px}.home-compact .fraud-notice strong{font-size:14px}.home-compact .fraud-notice details{flex-basis:100%;margin-top:3px}
 .home-compact .section{padding-top:34px;padding-bottom:28px}.home-compact .section-heading h2,.home-compact .contact-layout h2{font-size:25px}.home-compact .section-heading{margin-bottom:20px}.home-compact .section-heading>p{margin-top:8px;font-size:13px}
 .home-compact .spec-panel{padding:22px}.home-compact .spec-panel dl>div{gap:14px}.home-compact .spec-panel dd{max-width:65%;overflow-wrap:anywhere}
 .home-compact .compact-records{padding-top:8px;padding-bottom:10px}.home-compact .info-fold>summary{padding:16px;gap:10px}.home-compact .fold-body{padding:0 16px 18px}.home-compact .kit-detail,.home-compact .price-box{padding:24px}
 .home-compact .resource-links{grid-template-columns:1fr 1fr;gap:12px}.home-compact .resource-links>a{padding:18px 15px;min-height:160px}.home-compact .resource-links h3{font-size:17px}.home-compact .resource-links span{font-size:9px;letter-spacing:.4px}
 .home-compact .faq{padding:20px;margin-top:24px}.home-compact .contact-layout{gap:18px}.footer-links{line-height:2}
 .auth-page .auth-toc{padding:10px;gap:6px}.auth-page .auth-section{padding-top:34px}.auth-page .auth-hero h1{font-size:32px}.auth-device-reference{padding:16px}
}
@media(max-width:360px){.home-compact .hero-copy h1{font-size:39px}.home-compact .resource-links{grid-template-columns:1fr}.site-nav .brand-logo{width:135px}}

/* language loading feedback */
.language-switch:disabled{cursor:wait;opacity:.65}.language-load-status{position:fixed;right:18px;bottom:18px;z-index:50;max-width:min(440px,calc(100vw - 36px));padding:12px 16px;border:1px solid #b8d6ec;border-radius:8px;background:#fff;color:#294660;box-shadow:0 5px 24px #172c4320;font-size:13px;line-height:1.7}.language-load-status:empty{display:none}

/* /assets/guide-refinement.css */
/* Installation guide refinement. Keep every rule inside the beginner guide. */
.guide-page main.beginner-guide {
  max-width: 960px;
  min-width: 0;
  padding-bottom: 64px;
}

.guide-page .beginner-guide .beginner-head {
  padding: 42px 0 28px;
}

.guide-page .beginner-guide .beginner-head h1 {
  margin: 12px 0 16px;
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1.25;
  letter-spacing: -.8px;
}

.guide-page .beginner-guide .beginner-head p {
  max-width: 740px;
  font-size: 16px;
  line-height: 1.85;
  color: #536b83;
}

.guide-page .beginner-guide .help-now {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 12px;
  font-size: 14px;
}

.guide-page .beginner-guide .lesson-nav {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 24px;
  padding: 0;
  border: 0;
}

.guide-page .beginner-guide .lesson-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 48px;
  padding: 10px 8px;
  border: 1px solid #dce6ef;
  border-radius: 12px;
  background: #f7fafc;
  color: #33526b;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  overflow-wrap: anywhere;
}

.guide-page .beginner-guide .lesson-nav a:hover {
  border-color: #9fc9e6;
  background: #eef7ff;
  color: #087bc8;
}

.guide-page .beginner-guide .lesson-nav [aria-current] {
  border-color: #087bc8;
  background: #087bc8;
  color: #fff;
}

/* Specificity also wins over the older guide-page main > section rule. */
.guide-page main.beginner-guide > .lesson {
  min-width: 0;
  margin-bottom: 24px;
  padding: 32px;
  border: 1px solid #dce6ef;
  border-radius: 16px;
  background: #fff;
  box-shadow: none;
  scroll-margin-top: 112px;
}

.guide-page main.beginner-guide > .lesson:target {
  border-color: #9fc9e6;
}

.guide-page .beginner-guide .lesson-title > span {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 12px;
  background: #eef7ff;
  color: #087bc8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
}

.guide-page .beginner-guide .lesson-title h2 {
  margin: 14px 0 12px;
  font-size: clamp(24px, 2.7vw, 30px);
  line-height: 1.35;
  letter-spacing: -.4px;
}

.guide-page .beginner-guide .lesson-title > p {
  margin-bottom: 24px;
  color: #536b83;
  font-size: 16px;
  line-height: 1.8;
}

.guide-page .beginner-guide .big-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.guide-page .beginner-guide .big-actions > div {
  min-width: 0;
  padding: 24px;
  border: 1px solid #dce6ef;
  border-radius: 14px;
  background: #f7fafc;
}

.guide-page .beginner-guide .big-actions b {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #cfe2f0;
  border-radius: 12px;
  background: #fff;
  color: #087bc8;
  font-size: 26px;
  line-height: 1;
}

.guide-page .beginner-guide .big-actions strong {
  margin: 14px 0 8px;
  font-size: 20px;
  line-height: 1.4;
}

.guide-page .beginner-guide .big-actions p {
  font-size: 15px;
  line-height: 1.8;
}

.guide-page .beginner-guide .plain-tip {
  margin: 20px 0;
  padding: 16px 18px;
  border: 1px solid #dde7f0;
  border-left: 3px solid #087bc8;
  border-radius: 12px;
  background: #f5f9fc;
  color: #355570;
  font-size: 15px;
  line-height: 1.85;
}

.guide-page .beginner-guide .stop-note {
  margin: 18px 0;
  padding: 15px 18px;
  border: 1px solid #eedfc7;
  border-left: 3px solid #bc872a;
  border-radius: 12px;
  background: #fffaf3;
  color: #805621;
  font-size: 14px;
  line-height: 1.8;
}

.guide-page .beginner-guide .done-note {
  margin-top: 24px;
  padding: 16px 18px;
  border: 1px solid #d8e7dd;
  border-left: 3px solid #4e8b67;
  border-radius: 12px;
  background: #f5faf7;
}

.guide-page .beginner-guide .done-note b {
  font-size: 12px;
  line-height: 1.6;
}

.guide-page .beginner-guide .done-note p {
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.8;
}

.guide-page .beginner-guide .lesson-photo {
  border: 1px solid #dce6ef;
  border-radius: 14px;
  background: #f7fafc;
  box-shadow: none;
}

.guide-page .beginner-guide .lesson-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 480px;
  object-fit: contain;
}

.guide-page .beginner-guide .lesson-photo.board-crop img,
.guide-page .beginner-guide .full-diagrams .lesson-photo img {
  max-height: none;
}

.guide-page .beginner-guide .lesson-photo > span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 16px;
  border-top: 1px solid #e1eaf2;
  background: #f1f7fc;
  color: #087bc8;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

.guide-page .beginner-guide .image-note {
  margin: 10px 0 18px;
  color: #5d7487;
  font-size: 13px;
  line-height: 1.8;
}

.guide-page .beginner-guide .bracket-simple {
  gap: clamp(24px, 7vw, 64px);
  padding: 26px 24px;
  border: 1px solid #dce6ef;
  border-radius: 14px;
  background: #f7fafc;
}

.guide-page .beginner-guide .bracket-simple > div {
  flex: 1 1 0;
  min-width: 0;
  max-width: 220px;
  text-align: center;
  overflow-wrap: anywhere;
}

.guide-page .beginner-guide .bracket-simple strong {
  font-size: 19px;
  line-height: 1.5;
}

.guide-page .beginner-guide .bracket-simple p {
  font-size: 14px;
  line-height: 1.75;
}

.guide-page .beginner-guide .insert-simple {
  gap: 14px;
  padding: 24px 20px;
  border: 1px solid #dce6ef;
  border-radius: 14px;
  background: #f7fafc;
  text-align: center;
}

.guide-page .beginner-guide .insert-simple > span {
  max-width: 100%;
  font-size: 14px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.guide-page .beginner-guide .gold-edge,
.guide-page .beginner-guide .slot-edge {
  max-width: 100%;
  flex-shrink: 0;
}

.guide-page .beginner-guide .plain-list,
.guide-page .beginner-guide .last-check {
  margin: 18px 0;
  padding-left: 22px;
  font-size: 16px;
  line-height: 1.85;
}

.guide-page .beginner-guide .plain-list li,
.guide-page .beginner-guide .last-check li {
  margin: 9px 0;
}

.guide-page .beginner-guide .lesson > details {
  margin: 20px 0;
  padding: 14px 16px;
  border: 1px solid #dce6ef;
  border-radius: 12px;
  background: #fff;
}

.guide-page .beginner-guide .lesson summary {
  color: #33566e;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
}

.guide-page .beginner-guide .lesson details p {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.85;
}

.guide-page .beginner-guide .lesson-help {
  padding: 26px;
  border: 1px solid #dce6ef;
  border-radius: 16px;
  background: #f6f9fc;
}

.guide-page .beginner-guide .lesson-help > strong {
  color: #172c43;
  font-size: 20px;
  line-height: 1.5;
}

.guide-page .beginner-guide .lesson-help p {
  margin: 10px 0 14px;
  font-size: 15px;
  line-height: 1.8;
}

.guide-page .beginner-guide .lesson-help a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 14px;
}

.guide-page .beginner-guide .full-diagrams {
  margin-top: 24px;
  padding: 10px 22px;
  border: 1px solid #dce6ef;
  border-radius: 14px;
  background: #fff;
}

.guide-page .beginner-guide .full-diagrams summary {
  min-height: 44px;
  padding: 10px 0;
  color: #33566e;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
}

.guide-page .beginner-guide .full-diagrams > p {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.8;
}

.guide-page .beginner-guide a:focus-visible,
.guide-page .beginner-guide summary:focus-visible,
.guide-page .beginner-guide button:focus-visible {
  outline: 3px solid #087bc8;
  outline-offset: 4px;
}

@media (max-width: 900px) {
  .guide-page .beginner-guide .lesson-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 650px) {
  .guide-page main.beginner-guide {
    padding-right: 20px;
    padding-bottom: 44px;
    padding-left: 20px;
  }

  .guide-page .beginner-guide .beginner-head {
    padding: 28px 0 22px;
  }

  .guide-page .beginner-guide .beginner-head h1 {
    font-size: 30px;
    line-height: 1.3;
  }

  .guide-page .beginner-guide .beginner-head p {
    font-size: 15px;
  }

  .guide-page .beginner-guide .lesson-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 20px;
  }

  .guide-page .beginner-guide .lesson-nav a {
    min-height: 46px;
  }

  .guide-page .beginner-guide .lesson-nav a:last-child {
    grid-column: 1 / -1;
  }

  .guide-page main.beginner-guide > .lesson {
    margin-bottom: 18px;
    padding: 22px 18px;
    border-radius: 14px;
    scroll-margin-top: 104px;
  }

  .guide-page .beginner-guide .lesson-title h2 {
    margin: 12px 0 10px;
    font-size: 24px;
  }

  .guide-page .beginner-guide .lesson-title > p {
    margin-bottom: 20px;
    font-size: 15px;
  }

  .guide-page .beginner-guide .big-actions {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .guide-page .beginner-guide .big-actions > div {
    padding: 18px;
  }

  .guide-page .beginner-guide .big-actions b {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }

  .guide-page .beginner-guide .plain-tip,
  .guide-page .beginner-guide .stop-note,
  .guide-page .beginner-guide .done-note {
    padding: 14px;
  }

  .guide-page .beginner-guide .lesson-photo img {
    max-height: 360px;
  }

  .guide-page .beginner-guide .lesson-photo.board-crop img,
  .guide-page .beginner-guide .full-diagrams .lesson-photo img {
    max-height: none;
  }

  .guide-page .beginner-guide .bracket-simple {
    gap: 24px;
    padding: 22px 16px;
  }

  .guide-page .beginner-guide .insert-simple {
    padding: 20px 14px;
  }

  .guide-page .beginner-guide .plain-list,
  .guide-page .beginner-guide .last-check {
    font-size: 15px;
  }

  .guide-page .beginner-guide .lesson-help {
    padding: 22px;
  }

  .guide-page .beginner-guide .lesson-help > strong {
    font-size: 18px;
  }

  .guide-page .beginner-guide .full-diagrams {
    padding: 10px 16px;
  }
}

@media (max-width: 360px) {
  .guide-page main.beginner-guide {
    padding-right: 16px;
    padding-left: 16px;
  }

  .guide-page main.beginner-guide > .lesson {
    padding: 20px 16px;
  }

  .guide-page .beginner-guide .lesson-nav a {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .guide-page .beginner-guide,
  .guide-page .beginner-guide *,
  .guide-page .beginner-guide *::before,
  .guide-page .beginner-guide *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* /assets/visual-refresh.css */
/* KDMA visual system, October 2026. Preserve the existing brand and content. */
:root { --kdma-blue:#087bc8; --kdma-ink:#132d46; --kdma-muted:#526b82; --kdma-line:#dce7ef; }
body { -webkit-font-smoothing:antialiased; }
.site-header { background:rgba(255,255,255,.96); backdrop-filter:blur(16px); box-shadow:0 3px 24px #183e6610; }
.site-nav { padding-top:12px; padding-bottom:12px; gap:20px; }
.site-nav .brand-logo { width:180px; }
.site-nav nav a { min-height:44px; display:inline-flex; align-items:center; }
.site-nav .language-switch { min-height:44px; min-width:44px; border-radius:10px; }
.site-nav nav [aria-current="page"] { color:#0568ac; }
.button { min-height:48px; border-radius:10px; transition:background .18s ease,box-shadow .18s ease,transform .18s ease; }
.button:focus-visible, .service-card:focus-visible, .resource-card:focus-visible { outline:3px solid #087bc8; outline-offset:4px; }
.site-footer { border-top:1px solid var(--kdma-line); background:#f4f8fb; }
.site-footer .footer-links a { min-height:44px; display:inline-flex; align-items:center; }
.site-footer .brand-logo { width:180px; }

/* Product introduction */
.home-compact main { background:linear-gradient(180deg,#f2f8fd 0,#fff 640px); }
.home-compact .product-hero { grid-template-columns:1fr 1.08fr; gap:52px; padding-top:64px; padding-bottom:44px; }
.home-compact .hero-copy .eyebrow { color:#356a93; font-size:11px; letter-spacing:2px; }
.home-compact .hero-copy h1 { font-size:76px; line-height:1.03; letter-spacing:-3px; margin:22px 0 26px; color:#102c46; }
.home-compact .hero-copy h1 .hero-tagline { display:block; margin-top:14px; font-size:38px; line-height:1.27; letter-spacing:-1px; background:none; -webkit-text-fill-color:currentColor; color:#0778c4; }
.home-compact .hero-heading>br { display:none; }
.home-compact .hero-subtitle { font-size:17px; line-height:1.65; color:#203f58; margin-bottom:12px; }
.home-compact .intro { max-width:440px; color:#526b82; font-size:14px; line-height:1.9; }
.home-compact .actions { gap:10px; margin-top:26px; align-items:center; }
.home-compact .actions .button { padding:12px 17px; font-size:13px; }
.home-compact .actions .button:first-child { box-shadow:0 7px 18px #087bc82b; }
.home-compact .actions .button:last-child { border-color:transparent; background:transparent; padding-left:0; padding-right:0; margin-left:4px; color:#34617f; box-shadow:none; }
.home-compact .product-visual { position:relative; min-width:0; border:1px solid #d5e4ef; border-radius:24px; padding:26px; background:linear-gradient(135deg,#e6f1fa,#f8fbfd); box-shadow:0 24px 56px -24px #27587a48; overflow:hidden; }
.home-compact .product-visual::before { content:""; position:absolute; inset:0; background-image:linear-gradient(#2b79ad07 1px,transparent 1px),linear-gradient(90deg,#2b79ad07 1px,transparent 1px); background-size:28px 28px; pointer-events:none; }
.home-compact .product-visual:hover { transform:none; box-shadow:0 24px 56px -24px #27587a48; }
.home-compact .product-visual .figure-label { position:relative; align-items:center; color:#476c88; font-size:10px; letter-spacing:1.6px; }
.home-compact .hero-stage-label span:last-child { background:#17374f; border-radius:6px; color:#fff; padding:6px 10px; font-size:11px; letter-spacing:1.5px; }
.home-compact .product-visual img { position:relative; width:100%; max-height:330px; aspect-ratio:1.6; margin:36px 0 30px; mix-blend-mode:multiply; animation:none; }
.home-compact .product-visual figcaption { position:relative; border-color:#ccdfeccc; padding-top:16px; font-size:11px; color:#496c86; }
.home-compact .metric-strip { width:calc(100% - 56px); max-width:1124px; padding:24px 28px; border:1px solid #dce7ef; border-radius:16px; background:#fff; box-shadow:0 8px 24px #1d527b05; }
.home-compact .metric-strip strong { font-size:19px; color:#183f5e; background:none; -webkit-text-fill-color:currentColor; letter-spacing:-.3px; }
.home-compact .metric-strip span { font-size:12px; color:#536e85; }
.home-compact .metric-strip div { padding-left:28px; }
.home-compact .metric-strip div:first-child { padding-left:0; }

/* Consistent routes into downloads, installation and support */
.home-primary-entries { padding-top:24px; gap:18px; }
.home-primary-entries .service-card { position:relative; padding:24px; border:1px solid #dce7ef; border-radius:16px; background:#fff; box-shadow:0 5px 18px #224c7004; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
.home-primary-entries .service-featured { background:#f4f9fd; border-color:#c3dff1; }
.entry-icon { display:block; width:24px; height:24px; flex-shrink:0; color:#087bc8; }
.service-card .service-icon { width:42px; height:42px; padding:10px; border-radius:12px; background:#edf5fc; margin-bottom:18px; }
.service-featured .service-icon { background:#087bc8; color:#fff; }
.service-card .service-kicker { font-size:11px; color:#54738c; font-weight:500; }
.home-primary-entries .service-card h2 { font-size:21px; margin:8px 0 10px; letter-spacing:-.4px; }
.home-primary-entries .service-card p { font-size:13px; line-height:1.8; }
.service-card .service-foot { padding-top:14px; color:#60778c; font-size:11px; }
.home-primary-entries .service-card:hover { transform:translateY(-3px); border-color:#98c8e9; box-shadow:0 12px 28px #174b7510; }

/* Calm rhythm between detailed sections */
.home-compact .section { padding-top:56px; padding-bottom:52px; }
.home-compact .section-heading { margin-bottom:26px; align-items:center; }
.home-compact .section-heading h2 { font-size:30px; letter-spacing:-.7px; margin-top:0; padding-bottom:0; }
.home-compact .section-heading h2::after { display:none; }
.home-compact .section-heading>p { color:#5b7287; font-size:13px; max-width:440px; }
.home-compact .fraud-notice { border-radius:12px; font-size:13px; }
.home-compact #dma-statement { background:#f3f8fc; border-color:#d6e6f1; border-left-color:#659fca; }
.home-compact #dma-statement .fraud-icon { background:#e2eff9; color:#276e9f; }
.home-compact #dma-statement h2 { color:#244f6e; }
.home-compact #dma-statement p { color:#557087; }
.home-compact .kit-grid { grid-template-columns:1.35fr 1fr; border-radius:20px; border-color:#d9e5ee; box-shadow:0 10px 32px #173b5906; }
.home-compact .kit-detail { padding:34px; background:#fff; }
.home-compact .kit-detail h3 { font-size:23px; }
.home-compact .kit-detail h4 { margin-top:22px; margin-bottom:8px; color:#304b62; }
.home-compact .kit-detail>ul:not(.check-list) { padding-left:18px; font-size:13px; line-height:1.9; color:#60758a; }
.home-compact .check-list { gap:16px; margin:22px 0; }
.home-compact .price-box { padding:38px; background:linear-gradient(145deg,#143a58,#0b273f)!important; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; border:0; }
.home-compact .price-box .eyebrow { color:#89c6ed; font-size:11px; letter-spacing:2px; }
.home-compact .price-box .price { color:#fff; font-size:62px; letter-spacing:-2px; margin:14px 0 4px; }
.home-compact .price small { color:#bdd3e3; }
.home-compact .price-box>p { color:#c0d5e4; }
.home-compact .price-box .fine { font-size:12px; line-height:1.8; }
.home-compact .price-box .button { margin-top:26px; min-width:100%; background:#fff; border-color:#fff; color:#124b73; }
.home-compact .price-box .button:hover { background:#e8f4fc; }
.home-compact .spec-panel { background:#f7fafc; border-radius:16px; padding:28px; }
.home-compact .spec-panel h3 { font-size:20px; }
.home-compact .spec-panel dl>div { font-size:13px; padding:14px 0; }
.home-compact .compact-records { padding-top:12px; padding-bottom:12px; }
.home-compact .info-fold { border-radius:12px; margin:12px 0; }
.home-compact .info-fold>summary { padding:20px 22px; }
.home-compact .compare-section { border-top:1px solid #e4edf4; margin-top:28px; }
.home-compact .compare-heading h2 { font-size:30px; }
.home-compact .compare-highlights article { border-radius:14px; box-shadow:none; }
.home-compact .compare-table-wrap { border-radius:16px; }
.home-compact .home-resource-band { background:#f4f8fc; border-color:#e4edf4; }
.home-compact .home-resource-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.home-compact .home-resource-grid>a { position:relative; padding:24px; border:1px solid #dce7ef; border-radius:14px; min-height:212px; box-shadow:none; }
.home-resource-grid .resource-icon { margin-bottom:20px; }
.home-resource-grid .resource-index { color:#688297; font-size:10px; letter-spacing:.8px; }
.home-compact .home-resource-grid h3 { font-size:17px; line-height:1.5; margin:10px 0 8px; }
.home-compact .home-resource-grid p { font-size:12px; line-height:1.8; }
.home-compact .home-faq { padding:30px; margin-top:30px; border-radius:16px; }
.home-compact .home-faq summary { min-height:44px; display:list-item; align-content:center; }
.home-compact #contact .contact-layout { grid-template-columns:1fr 1.1fr; gap:60px; align-items:start; }
.home-compact #contact h2 { font-size:32px; margin-top:0; }
.home-compact .contact-channels>a { border-radius:14px; padding:24px; background:#edf6fc; }
.home-compact .contact-channels>a:hover { padding-left:24px; background:#e5f2fb; }
.home-compact .contact-channels strong { font-size:20px; }
.home-compact .contact-channels span { font-size:13px; }
.home-compact .partner { padding-left:0; padding-right:0; }

@media(min-width:901px) and (max-width:1180px) {
 .site-nav { gap:14px; }
 .site-nav .brand-logo { width:150px; }
 .site-nav nav,html[lang=en] .site-nav nav { gap:12px; }
 .site-nav nav a,html[lang=en] .site-nav nav a { font-size:12px; }
 .site-nav .nav-contact { padding-left:12px; }
 .home-compact .product-hero { gap:32px; }
 .home-compact .hero-copy h1 { font-size:66px; }
 .home-compact .hero-copy h1 .hero-tagline { font-size:32px; }
}
@media(max-width:1050px) {
 html[lang=en] .site-nav { flex-wrap:wrap; }
 html[lang=en] .nav-toggle { display:block; }
 html[lang=en] .site-nav nav { display:none; position:absolute; top:100%; left:0; right:0; white-space:normal; background:#fff; padding:20px 28px; border-bottom:1px solid #dce5ee; box-shadow:0 12px 20px #1738540a; }
 html[lang=en] .site-nav nav.is-open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
 html[lang=en] .site-nav nav a { padding:12px 0; font-size:14px; }
 html[lang=en] .site-nav .nav-contact { padding-left:0; border-left:0; border-top:1px solid #dce5ee; }
 html[lang=en] .site-nav .language-switch { margin-left:auto; }
 html[lang=en] .site-nav #site-menu {
  max-height:max(0px,calc(100vh - var(--site-menu-offset,80px)));
  max-height:max(0px,calc(100dvh - var(--site-menu-offset,80px)));
  overflow-y:auto;
  overscroll-behavior-y:contain;
  gap:0;
 }
}
@media(max-width:900px) {
 .site-nav #site-menu {
  max-height:max(0px,calc(100vh - var(--site-menu-offset,80px)));
  max-height:max(0px,calc(100dvh - var(--site-menu-offset,80px)));
  overflow-y:auto;
  overscroll-behavior-y:contain;
  gap:0;
 }
 .site-nav .brand-logo { width:165px; }
 .site-nav .nav-toggle { min-height:44px; border-radius:10px; margin-left:auto; }
 .site-nav .language-switch { margin-left:0; }
 .home-compact .product-hero { padding-top:40px; gap:28px; }
 .home-compact .hero-copy h1 { font-size:58px; }
 .home-compact .hero-copy h1 .hero-tagline { font-size:29px; }
 .home-compact .product-visual { padding:20px; }
 .home-compact .product-visual img { margin:30px 0; }
 .home-compact .metric-strip strong { font-size:16px; }
 .home-compact .home-resource-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home-compact .kit-detail,.home-compact .price-box { padding:28px; }
 .home-compact #contact .contact-layout { gap:30px; }
}
@media(max-width:650px) {
 .site-nav { padding:12px 20px; gap:10px; }
 .site-nav .brand-logo { width:145px; }
 .site-nav .language-switch { min-width:42px; padding:8px 10px; }
 .home-compact main { background:linear-gradient(180deg,#f3f8fd,#fff 700px); }
 .home-compact .product-hero { grid-template-columns:1fr; gap:28px; padding-top:34px; padding-bottom:26px; }
 .home-compact .hero-copy h1 { font-size:60px; margin:20px 0; letter-spacing:-2px; }
 .home-compact .hero-copy h1 .hero-tagline { font-size:31px; margin-top:10px; }
 .home-compact .hero-subtitle { font-size:16px; }
 .home-compact .intro { font-size:14px; }
 .home-compact .actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:22px; }
 .home-compact .actions .button:first-child { grid-column:1/-1; }
 .home-compact .actions .button { font-size:12px; padding:10px; }
 .home-compact .actions .button:last-child { margin-left:0; }
 .home-compact .product-visual { border-radius:18px; padding:20px; }
 .home-compact .product-visual img { max-height:235px; margin:24px 0; }
 .home-compact .metric-strip { width:calc(100% - 40px); padding:18px 14px; gap:10px; border-radius:12px; }
 .home-compact .metric-strip div { padding-left:10px; }
 .home-compact .metric-strip strong { font-size:12px; line-height:1.5; letter-spacing:-.2px; }
 .home-compact .metric-strip span { font-size:10px; line-height:1.7; }
 .home-primary-entries { gap:12px; padding-top:20px; }
 .home-primary-entries .service-card { padding:20px 20px 20px 80px; }
 .service-card .service-icon { position:absolute; left:20px; top:22px; margin:0; }
 .home-primary-entries .service-card h2 { font-size:20px; }
 .home-compact .section { padding-top:36px; padding-bottom:34px; }
 .home-compact .section-heading h2,.home-compact .compare-heading h2 { font-size:26px; }
 .home-compact .section-heading>p { margin-top:10px; }
 .home-compact .kit-grid,.home-compact #contact .contact-layout { grid-template-columns:1fr; }
 .home-compact .kit-detail,.home-compact .price-box { padding:24px; }
 .home-compact .kit-detail h3 { font-size:21px; }
 .home-compact .price-box .price { font-size:54px; }
 .home-compact .price-box .button { margin-top:20px; }
 .home-compact .spec-panel { padding:22px; }
 .home-compact .compact-records { padding-top:10px; padding-bottom:10px; }
 .home-compact .info-fold>summary { padding:18px; font-size:14px; }
 .home-compact .home-resource-grid { gap:12px; }
 .home-compact .home-resource-grid>a { min-height:210px; padding:20px 16px; }
 .home-compact .home-resource-grid h3 { font-size:16px; }
 .home-resource-grid .resource-index { font-size:9px; letter-spacing:.3px; }
 .home-compact .home-faq { padding:22px; }
 .home-compact #contact h2 { font-size:28px; }
 .home-compact #contact .contact-layout { gap:24px; }
 .home-compact .contact-channels>a,.home-compact .contact-channels>a:hover { padding:20px; }
}
@media(max-width:360px) {
 .site-nav .brand-logo { width:125px; }
 .site-nav { gap:8px; }
 .site-nav .nav-toggle { padding:7px 9px; font-size:12px; }
 .home-compact .hero-copy h1 { font-size:54px; }
 .home-compact .hero-copy h1 .hero-tagline { font-size:28px; }
 .home-compact .metric-strip { padding:15px 10px; gap:7px; }
 .home-compact .metric-strip div { padding-left:7px; }
 .home-compact .metric-strip strong { font-size:11px; }
 .home-compact .home-resource-grid { grid-template-columns:1fr; }
 .home-compact .home-resource-grid>a { min-height:0; }
}
@media(prefers-reduced-motion:reduce) {
 .home-primary-entries .service-card:hover { transform:none; }
}

/* /assets/apple-style.css */
/* Product-led KDMA design: generous type, neutral surfaces and restrained blue. */
:root { --brand:#0071e3; --ink:#1d1d1f; --muted:#6e6e73; --line:#dedee1; --wash:#f5f5f7; --kdma-blue:#0071e3; --kdma-ink:#1d1d1f; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Microsoft YaHei",sans-serif; color:#1d1d1f; background:#fff; letter-spacing:-.015em; }
h1,h2,h3,h4 { color:#1d1d1f; }
p { color:#6e6e73; }
a { color:#0066cc; }
.site-header { background:rgba(250,250,252,.94); border-bottom:1px solid #e9e9ec; box-shadow:none; backdrop-filter:saturate(180%) blur(20px); }
.site-nav { max-width:1180px; min-height:64px; padding:8px 28px; gap:24px; }
.site-nav .brand-logo { width:126px; height:auto; }
.site-nav nav,html[lang=en] .site-nav nav { gap:23px; font-size:12px; }
.site-nav nav a,html[lang=en] .site-nav nav a { font-size:12px; font-weight:500; color:#424245; }
.site-nav nav a:hover,.site-nav nav [aria-current="page"] { color:#0066cc; }
.site-nav .nav-contact { border:0; padding-left:0; }
.site-nav .language-switch { min-height:36px; min-width:38px; padding:5px 8px; font-size:12px; border:0; border-radius:18px; color:#424245; background:#eaeaec; }
.site-nav .nav-toggle { border:0; border-radius:20px; background:transparent; color:#1d1d1f; }
.button { border-radius:100px; min-height:46px; padding:12px 24px; font-size:14px; font-weight:500; background:#0071e3; border-color:#0071e3; box-shadow:none; }
.button:hover { background:#0077ed; box-shadow:none; transform:none; }
.button.secondary { border-color:#0071e3; color:#0066cc; background:transparent; }
.button.secondary:hover { color:#fff; background:#0071e3; }
.eyebrow { letter-spacing:.08em; color:#6e6e73; font-size:12px; font-weight:500; }
.site-footer { background:#f5f5f7; border:0; padding-top:36px; }
.site-footer .brand-logo,.home-compact .site-footer .brand-logo { width:145px; }
.site-footer p,.site-footer .footer-bottom { color:#6e6e73; }
.footer-links { font-size:12px; }
.footer-links a { color:#424245; }
.footer-bottom { border-top-color:#d2d2d7; }

/* A single, expansive product canvas. */
.home-compact main { background:#fff; }
.home-compact .product-hero.hero-brand-layout { display:flex; flex-direction:column; gap:0; max-width:none; padding:54px 24px 36px; background:#f5f5f7; text-align:center; }
.home-compact .hero-copy { width:100%; max-width:1100px; }
.home-compact .hero-copy .eyebrow { display:none; }
.home-compact .hero-copy h1 { color:#1d1d1f; font-size:76px; line-height:1.02; letter-spacing:-3px; font-weight:750; margin:16px 0 18px; }
.home-compact .hero-copy h1 .hero-tagline { font-size:43px; line-height:1.25; color:#1d1d1f; font-weight:650; letter-spacing:-1.8px; margin:12px auto 0; background:none; -webkit-text-fill-color:currentColor; }
.home-compact .hero-tagline br { display:none; }
.home-compact .hero-subtitle { font-size:20px; line-height:1.5; font-weight:500; color:#424245; margin-bottom:10px; }
.home-compact .intro { max-width:660px; margin:0 auto; font-size:14px; line-height:1.8; color:#6e6e73; text-wrap:balance; }
.home-compact .actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:23px; }
.home-compact .actions .button { min-height:44px; padding:11px 23px; border-radius:100px; font-size:14px; font-weight:500; }
.home-compact .actions .button:first-child { box-shadow:none; }
.home-compact .actions .button:last-child { color:#0066cc; padding:11px 5px; margin-left:3px; background:none; }
.home-compact .hero-price-link { display:inline-flex; align-items:center; justify-content:center; min-height:40px; margin-top:7px; font-size:13px; font-weight:500; gap:8px; color:#0066cc; }
.home-compact .hero-price-link:hover { text-decoration:underline; }
.home-compact .product-visual.hero-hardware-stage { width:100%; max-width:720px; padding:0; margin:20px auto 0; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; mix-blend-mode:multiply; }
.home-compact .product-visual::before { display:none; }
.home-compact .product-visual:hover { box-shadow:none; transform:none; }
.home-compact .hero-stage-label { display:none; }
.home-compact .product-visual .hero-board-image { display:block; width:100%; height:auto; max-height:none; aspect-ratio:1.6; object-fit:contain; margin:0; mix-blend-mode:multiply; }
.home-compact .product-visual figcaption { justify-content:center; border:0; padding:12px 0 0; color:#6e6e73; font-size:11px; letter-spacing:0; gap:18px; }
.home-compact .metric-strip { width:calc(100% - 48px); max-width:1040px; border:0; border-bottom:1px solid #e5e5e8; border-radius:0; background:#fff; padding:34px 0; margin:0 auto; box-shadow:none; text-align:center; }
.home-compact .metric-strip div { padding-left:24px; border-color:#d2d2d7; }
.home-compact .metric-strip strong { font-size:23px; color:#1d1d1f; font-weight:650; letter-spacing:-.6px; }
.home-compact .metric-strip span { font-size:12px; color:#6e6e73; }

/* Useful destinations, with less visual furniture. */
.home-compact .home-primary-entries { padding-top:38px; padding-bottom:22px; gap:30px; }
.home-primary-entries .service-card,.home-primary-entries .service-featured { padding:24px 16px; border:0; border-radius:0; background:#fff; box-shadow:none; text-align:center; }
.home-primary-entries .service-card:hover { transform:none; background:#fff; box-shadow:none; }
.service-card .service-icon,.service-featured .service-icon { position:static; margin:0 auto 20px; width:34px; height:34px; padding:0; background:none; color:#1d1d1f; border-radius:0; stroke-width:1.4; }
.service-card .service-kicker { color:#6e6e73; font-size:11px; }
.home-primary-entries .service-card h2 { color:#1d1d1f; font-size:23px; letter-spacing:-.6px; margin:8px 0 10px; }
.home-primary-entries .service-card h2 span { color:#0066cc; font-size:18px; }
.home-primary-entries .service-card p { color:#6e6e73; font-size:13px; }
.service-card .service-foot { color:#6e6e73; font-size:11px; padding-top:10px; }
.home-compact .fraud-notice { max-width:1124px; width:calc(100% - 56px); border:1px solid #eadfce; border-left:3px solid #a76620; background:#fcfaf6; border-radius:12px; padding:18px 22px; }
.home-compact #dma-statement { background:#f5f5f7; border:0; border-radius:12px; padding:22px; }
.home-compact #dma-statement h2 { color:#424245; }
.home-compact #dma-statement p { color:#6e6e73; }
.home-compact #dma-statement .fraud-icon { color:#6e6e73; background:#e5e5e8; }
.home-compact .section { padding-top:78px; padding-bottom:72px; }
.home-compact .section-heading { display:block; margin-bottom:34px; }
.home-compact .section-heading h2 { font-size:44px; line-height:1.18; font-weight:650; letter-spacing:-1.7px; }
.home-compact .section-heading>p { max-width:680px; margin-top:16px; font-size:15px; line-height:1.8; color:#6e6e73; }
.home-compact .kit-grid { border:0; border-radius:24px; background:#f5f5f7; grid-template-columns:1.25fr 1fr; box-shadow:none; }
.home-compact .kit-detail { background:transparent; padding:42px; }
.home-compact .kit-detail h3 { font-size:26px; letter-spacing:-.7px; }
.home-compact .kit-detail>p { color:#6e6e73; }
.home-compact .kit-detail h4 { font-size:15px; color:#424245; margin-top:28px; }
.home-compact .check-list { color:#424245; font-size:14px; gap:18px; margin:26px 0; }
.home-compact .check-list li:before { color:#6e6e73; }
.home-compact .kit-detail>ul:not(.check-list),.home-compact .kit-detail .fine { color:#6e6e73; }
.home-compact .price-box { padding:44px; background:#ededf0!important; border:0; align-items:center; text-align:center; }
.home-compact .price-box .eyebrow { color:#6e6e73; font-size:12px; letter-spacing:.08em; }
.home-compact .price-box .price { font-size:72px; letter-spacing:-3px; color:#1d1d1f; margin-top:18px; }
.home-compact .price small { color:#6e6e73; font-size:13px; letter-spacing:0; }
.home-compact .price-box>p { color:#6e6e73; font-size:13px; }
.home-compact .price-box .button { min-width:0; background:#0071e3; border-color:#0071e3; color:#fff; border-radius:100px; padding:12px 26px; }
.home-compact .price-box .button:hover { background:#0077ed; }
.home-compact .spec-layout { gap:22px; }
.home-compact .spec-panel { border:0; border-radius:24px; background:#f5f5f7; padding:36px; box-shadow:none; }
.home-compact .spec-panel:hover { box-shadow:none; }
.home-compact .spec-panel h3 { font-size:25px; margin-bottom:20px; }
.home-compact .spec-panel dl>div { font-size:14px; border-color:#dedee1; padding:17px 0; }
.home-compact .spec-panel dt { color:#6e6e73; }
.home-compact .spec-panel dd { color:#424245; }
.home-compact .spec-panel .fine { color:#6e6e73; }
.compact-fiber .fiber-render { border:0; background:#fff; border-radius:16px; }
.home-compact .compact-records { padding-top:10px; padding-bottom:52px; }
.home-compact .info-fold { border:0; border-top:1px solid #d2d2d7; border-radius:0; background:#fff; margin:0; box-shadow:none; }
.home-compact .info-fold:last-child { border-bottom:1px solid #d2d2d7; }
.home-compact .info-fold>summary { padding:23px 2px; font-size:16px; color:#1d1d1f; }
.home-compact .info-fold>summary::after { color:#6e6e73; }
.home-compact .fold-body { padding:8px 2px 26px; }
.home-compact .fold-hint { color:#6e6e73; }

/* Comparison and support retain their content, with quieter hierarchy. */
.home-compact .compare-section { margin-top:0; border-top:0; }
.home-compact .compare-heading { align-items:flex-end; margin-bottom:34px; }
.home-compact .compare-heading h2 { font-size:42px; line-height:1.2; letter-spacing:-1.5px; color:#1d1d1f; margin-top:12px; }
.home-compact .compare-heading p { font-size:15px; color:#6e6e73; margin-top:15px; }
.home-compact .compare-highlights { gap:20px; }
.home-compact .compare-highlights article { background:#f5f5f7; border:0; border-radius:20px; padding:30px; }
.home-compact .compare-index { color:#6e6e73; letter-spacing:.03em; }
.home-compact .compare-highlights h3 { color:#1d1d1f; font-size:23px; line-height:1.35; }
.home-compact .compare-highlights p { color:#6e6e73; }
.home-compact .highlight-foot { color:#424245; border-color:#d2d2d7; }
.home-compact .compare-detail-heading h3 { font-size:22px; color:#1d1d1f; }
.home-compact .compare-table-wrap { border-radius:18px; border-color:#dedee1; box-shadow:none; }
.home-compact .compare-table th,.home-compact .compare-table td { border-color:#e5e5e8; }
.home-compact .compare-table thead th { background:#f5f5f7; color:#424245; }
.home-compact .compare-table thead .featured-col { background:#1d1d1f; color:#fff; }
.home-compact .compare-table td.kdma-col { background:#f5f5f7; }
.home-compact .compare-table td strong { color:#1d1d1f; }
.home-compact .compare-table td small { color:#6e6e73; }
.home-compact .compare-note { color:#6e6e73; }
.home-compact .compare-decision { background:#f5f5f7; color:#1d1d1f; border-radius:18px; padding:26px; }
.home-compact .compare-decision strong { color:#1d1d1f; }
.home-compact .compare-decision p { color:#6e6e73; }
.home-compact .counterfeit-callout { border-radius:14px; background:#fcfaf6; border-color:#eadfce; }
.home-compact .home-resource-band { background:#f5f5f7; border:0; }
.home-compact .home-resource-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.home-compact .home-resource-grid>a { background:#fff; border:0; border-radius:20px; padding:28px 24px; min-height:240px; box-shadow:none; }
.home-compact .home-resource-grid>a:hover { transform:translateY(-2px); box-shadow:0 8px 24px #00000006; }
.home-resource-grid .resource-icon { width:28px; height:28px; color:#424245; margin-bottom:28px; stroke-width:1.5; }
.home-resource-grid .resource-index { color:#6e6e73; font-size:9px; letter-spacing:.04em; }
.home-compact .home-resource-grid h3 { color:#1d1d1f; font-size:19px; line-height:1.5; letter-spacing:-.4px; margin:12px 0; }
.home-compact .home-resource-grid p { color:#6e6e73; font-size:13px; }
.home-compact .home-faq { margin-top:44px; padding:38px; border:0; border-radius:22px; background:#fff; }
.home-compact .home-faq>h3 { font-size:26px; margin-bottom:16px; }
.home-compact .home-faq details { border-color:#d2d2d7; padding:14px 0; }
.home-compact .home-faq summary { color:#1d1d1f; font-size:15px; }
.home-compact .home-faq details p { color:#6e6e73; }
.home-compact #contact .contact-layout { grid-template-columns:1fr 1fr; gap:80px; }
.home-compact #contact h2 { font-size:42px; letter-spacing:-1.5px; }
.home-compact #contact p { color:#6e6e73; font-size:14px; line-height:1.8; }
.home-compact .contact-channels>a,.home-compact .contact-channels>a:hover { background:#f5f5f7; border:0; border-radius:18px; padding:26px; }
.home-compact .contact-channels strong { color:#1d1d1f; font-size:24px; }
.home-compact .contact-channels span { color:#6e6e73; }
.home-compact .contact-copy-actions { margin-top:4px; }
.home-compact .partner { padding-top:24px; }

@media(min-width:901px) and (max-width:1180px) {
 .site-nav { gap:16px; }
 .site-nav .brand-logo { width:112px; }
 .site-nav nav,html[lang=en] .site-nav nav { gap:16px; }
 .site-nav .nav-contact { padding-left:0; }
}
@media(max-width:1050px) {
 html[lang=en] .site-nav #site-menu { background:rgba(250,250,252,.99); padding:12px 28px 24px; }
 html[lang=en] .site-nav #site-menu a { font-size:16px; color:#1d1d1f; min-height:48px; padding:12px 0; }
 html[lang=en] .site-nav #site-menu .nav-contact { border:0; }
}
@media(max-width:900px) {
 .site-nav { min-height:62px; }
 .site-nav .brand-logo { width:126px; }
 .site-nav #site-menu { background:rgba(250,250,252,.99); padding:12px 28px 24px; box-shadow:0 10px 20px #00000006; }
 .site-nav #site-menu a { font-size:17px; color:#1d1d1f; min-height:48px; padding:12px 0; }
 .site-nav #site-menu .nav-contact { border:0; }
 .site-nav .nav-toggle { min-height:44px; }
 .home-compact .home-primary-entries { gap:18px; }
 .home-primary-entries .service-card h2 { font-size:20px; }
 .home-compact .home-resource-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home-compact .kit-detail,.home-compact .price-box { padding:30px; }
 .home-compact .compare-highlights article { padding:24px; }
 .home-compact #contact .contact-layout { gap:40px; }
}
@media(max-width:650px) {
 .site-nav { padding:8px 20px; gap:12px; }
 .site-nav .brand-logo { width:122px; }
 .home-compact .product-hero.hero-brand-layout { padding:40px 22px 28px; }
 .home-compact .hero-copy .eyebrow { font-size:10px; letter-spacing:.07em; }
 .home-compact .hero-copy h1 { font-size:60px; letter-spacing:-2px; margin:18px 0; }
 .home-compact .hero-copy h1 .hero-tagline { max-width:340px; font-size:30px; letter-spacing:-.8px; line-height:1.3; text-wrap:balance; margin-top:14px; }
 .home-compact .hero-tagline br { display:block; }
 .home-compact .hero-subtitle { font-size:16px; line-height:1.7; }
 .home-compact .intro { font-size:13px; line-height:1.85; max-width:370px; }
 .home-compact .actions { gap:10px; margin-top:22px; display:flex; }
 .home-compact .actions .button { padding:11px 16px; font-size:12px; min-height:44px; }
 .home-compact .actions .button:last-child { flex-basis:100%; min-height:32px; padding:4px 0; margin:0; }
 .home-compact .hero-price-link { margin-top:0; min-height:36px; font-size:12px; }
 .home-compact .product-visual.hero-hardware-stage { margin-top:14px; }
 .home-compact .product-visual .hero-board-image { max-height:none; width:100%; }
 .home-compact .product-visual figcaption { font-size:10px; gap:12px; padding-top:10px; }
 .home-compact .metric-strip { width:calc(100% - 40px); padding:26px 0; gap:10px; }
 .home-compact .metric-strip div { padding-left:10px; }
 .home-compact .metric-strip strong { font-size:13px; line-height:1.5; letter-spacing:-.3px; }
 .home-compact .metric-strip span { font-size:10px; line-height:1.7; }
 .home-compact .home-primary-entries { grid-template-columns:1fr; padding-top:12px; padding-bottom:18px; gap:0; }
 .home-primary-entries .service-card { position:relative; text-align:left; padding:24px 0 24px 52px; border-bottom:1px solid #e5e5e8; }
 .service-card .service-icon { position:absolute; top:31px; left:0; width:28px; height:28px; margin:0; }
 .home-primary-entries .service-card h2 { font-size:21px; }
 .service-card .service-foot { padding-top:8px; }
 .home-compact .fraud-notice { width:calc(100% - 40px); padding:17px; border-radius:10px; }
 .home-compact #dma-statement { padding:20px; }
 .home-compact .section { padding-top:50px; padding-bottom:46px; }
 .home-compact .section-heading { margin-bottom:26px; }
 .home-compact .section-heading h2 { font-size:32px; letter-spacing:-1px; }
 .home-compact .section-heading>p { margin-top:14px; font-size:14px; }
 .home-compact .kit-grid { grid-template-columns:1fr; border-radius:20px; }
 .home-compact .kit-detail { padding:28px 24px; }
 .home-compact .kit-detail h3 { font-size:24px; }
 .home-compact .price-box { padding:32px 24px; }
 .home-compact .price-box .price { font-size:64px; }
 .home-compact .price-box .button { min-width:0; }
 .home-compact .spec-panel { padding:28px 24px; border-radius:20px; }
 .home-compact .spec-panel h3 { font-size:23px; }
 .home-compact .spec-panel dl>div { font-size:13px; }
 .home-compact .compact-records { padding-top:12px; padding-bottom:24px; }
 .home-compact .info-fold>summary { font-size:14px; padding:22px 0; }
 .home-compact .compare-heading h2 { font-size:31px; letter-spacing:-1px; }
 .home-compact .compare-highlights article { border-radius:18px; padding:26px; }
 .home-compact .compare-highlights h3 { font-size:23px; }
 .home-compact .compare-decision { padding:24px; }
 .home-compact .home-resource-grid { gap:12px; }
 .home-compact .home-resource-grid>a { padding:24px 19px; min-height:235px; border-radius:18px; }
 .home-resource-grid .resource-icon { margin-bottom:22px; }
 .home-compact .home-resource-grid h3 { font-size:17px; }
 .home-compact .home-resource-grid p { font-size:12px; }
 .home-compact .home-faq { padding:26px 22px; border-radius:20px; }
 .home-compact .home-faq>h3 { font-size:24px; }
 .home-compact #contact .contact-layout { grid-template-columns:1fr; gap:28px; }
 .home-compact #contact h2 { font-size:34px; letter-spacing:-1px; }
 .home-compact .contact-channels>a,.home-compact .contact-channels>a:hover { padding:24px; }
}
@media(max-width:360px) {
 .site-nav .brand-logo { width:115px; }
 .home-compact .hero-copy h1 { font-size:54px; }
 .home-compact .hero-copy h1 .hero-tagline { font-size:27px; }
 .home-compact .actions .button { font-size:11px; padding:10px 13px; }
 .home-compact .metric-strip strong { font-size:11px; }
 .home-compact .metric-strip { gap:7px; }
 .home-compact .metric-strip div { padding-left:7px; }
 .home-compact .home-resource-grid { grid-template-columns:1fr; }
 .home-compact .home-resource-grid>a { min-height:0; }
}
@media(prefers-reduced-motion:reduce) {
 .home-compact .home-resource-grid>a:hover { transform:none; }
}

/* /assets/apple-inner.css */
/* Neutral product-support pages. Keep warnings and verification states distinct. */
body.download-page #main.container>.hero { padding:64px 0 40px; border-bottom-color:#e5e5e8; }
body.download-page #main.container>.hero h1 { font-size:clamp(34px,4.5vw,56px); letter-spacing:-1.8px; color:#1d1d1f; line-height:1.18; }
body.download-page #main.container>.hero p { color:#6e6e73; }
body.download-page .eyebrow,body.download-page .meta,body.download-page .description { color:#6e6e73; }
body.download-page .auth-free-card { padding:32px; border:0; border-radius:22px; background:#f5f5f7; margin:34px 0 46px; }
body.download-page .auth-free-card h2 { color:#1d1d1f; }
body.download-page .resources { gap:24px; }
body.download-page .resource { padding:32px; background:#f5f5f7; border:0; border-radius:24px; box-shadow:none; }
body.download-page .resource:hover { box-shadow:none; }
body.download-page .resource h2 { font-size:25px; color:#1d1d1f; letter-spacing:-.6px; }
body.download-page .resource .file-icon { color:#424245; background:#e7e7eb; border-radius:50%; font-weight:500; }
body.download-page .tag { color:#6e6e73; background:#e8e8ed; }
body.download-page .resource-preview { border:0; background:#fff; border-radius:16px; }
body.download-page .resource-preview img { background:#fff; }
body.download-page .download.primary,body.download-page .auth-button,body.download-page #submit-download { border-radius:100px; background:#0071e3; border-color:#0071e3; font-weight:500; box-shadow:none; }
body.download-page .auth-button.secondary { color:#0066cc!important; background:transparent; border-color:#0071e3; }
body.download-page .download-facts { color:#6e6e73; }
body.download-page .download-details { border-color:#dedee1; }
body.download-page .help { padding:34px; background:#f5f5f7; border:0; border-radius:22px; }
body.download-page dialog { border:1px solid #e5e5e8; border-radius:24px; box-shadow:0 20px 70px #0003; padding:30px; }
body.download-page dialog h2 { color:#1d1d1f; }
body.download-page .password-field { border-color:#d2d2d7; border-radius:12px; }
body.download-page .fraud-notice { background:#fcfaf6; border-color:#eadfce; border-radius:12px; }

body #main .help-page h1 { font-size:clamp(32px,4.5vw,54px); line-height:1.2; letter-spacing:-1.5px; text-wrap:balance; color:#1d1d1f; }
body #main .help-page .intro,body #main .help-page p { color:#6e6e73; }
body #main .help-page h2 { font-size:30px; letter-spacing:-.7px; color:#1d1d1f; }
body #main .help-page h3 { color:#1d1d1f; }
body #main .help-page .help-nav { background:#f5f5f7; border:0; border-radius:20px; padding:18px; }
body #main .help-page .help-nav a { border:0; border-radius:100px; background:#fff; color:#0066cc; padding:12px 20px; font-weight:500; }
body #main .help-page .help-checks label { background:#f5f5f7; border:0; border-radius:16px; padding:22px; color:#424245; }
body #main .help-page .help-grid article { background:#f5f5f7; border:0; border-radius:20px; padding:28px; }
body #main .help-page .support-template { background:#f5f5f7; border:0; border-radius:18px; color:#424245; padding:26px; }
body #main .help-page section { border-color:#dedee1; }
body #main .help-page .help-table th { background:#f5f5f7; color:#424245; }
body #main .help-page .help-table td { color:#424245; border-color:#dedee1; }

body #main.auth-page .auth-hero { padding-top:64px; padding-bottom:46px; }
body #main.auth-page .auth-hero h1 { font-size:clamp(34px,4.5vw,54px); letter-spacing:-1.5px; color:#1d1d1f; line-height:1.2; text-wrap:balance; }
body #main.auth-page .lead,body #main.auth-page .auth-meta { color:#6e6e73; }
body #main.auth-page .auth-button { border-radius:100px; background:#0071e3; border-color:#0071e3; font-weight:500; }
body #main.auth-page .auth-button.secondary { color:#0066cc!important; background:transparent; }
body #main.auth-page .auth-toc { border:0; border-radius:20px; background:#f5f5f7; padding:18px; }
body #main.auth-page .auth-toc a { border-radius:100px; background:#fff; padding:10px 16px; color:#0066cc; }
body #main.auth-page .auth-section { padding-top:64px; }
body #main.auth-page .auth-section h2 { font-size:32px; letter-spacing:-.9px; color:#1d1d1f; }
body #main.auth-page .auth-step { border:0; border-radius:20px; background:#f5f5f7; padding:28px; }
body #main.auth-page .auth-number { border-radius:50%; background:#e7e7eb; color:#424245; }
body #main.auth-page .auth-step p { color:#6e6e73; }
body #main.auth-page .auth-preview,body #main.auth-page .auth-device-reference { border-color:#e5e5e8; border-radius:20px; }
body #main.auth-page .auth-footer-cta { background:#f5f5f7; border:0; border-radius:22px; padding:32px; }

.guide-page main.beginner-guide .beginner-head { padding-top:64px; padding-bottom:36px; }
.guide-page main.beginner-guide .beginner-head h1 { font-size:clamp(34px,4.5vw,54px); line-height:1.2; letter-spacing:-1.4px; color:#1d1d1f; text-wrap:balance; }
.guide-page main.beginner-guide .beginner-head p { color:#6e6e73; }
.guide-page main.beginner-guide .lesson-nav a { background:#f5f5f7; border:0; border-radius:100px; color:#424245; font-weight:500; }
.guide-page main.beginner-guide .lesson-nav [aria-current] { color:#fff; background:#0071e3; }
.guide-page main.beginner-guide>.lesson { background:#f5f5f7; border:0; border-radius:24px; padding:36px; margin-bottom:28px; }
.guide-page main.beginner-guide .lesson-title>span { background:#e7e7eb; color:#424245; border-radius:100px; font-weight:500; }
.guide-page main.beginner-guide .lesson-title h2 { color:#1d1d1f; font-size:30px; letter-spacing:-.6px; }
.guide-page main.beginner-guide .lesson-title>p { color:#6e6e73; }
.guide-page main.beginner-guide .big-actions>div { background:#fff; border:0; border-radius:18px; }
.guide-page main.beginner-guide .big-actions b { background:#ededf0; color:#424245; border-radius:50%; }
.guide-page main.beginner-guide .photo-card { border:0; border-radius:18px; background:#fff; }

@media(max-width:650px) {
 body.download-page #main.container>.hero,body #main.auth-page .auth-hero,.guide-page main.beginner-guide .beginner-head { padding-top:36px; padding-bottom:28px; }
 body.download-page .resource { padding:24px; border-radius:20px; }
 body.download-page .resource h2 { font-size:23px; }
 body.download-page .auth-free-card,body.download-page .help { padding:24px; border-radius:20px; }
 body.download-page dialog { padding:24px 20px; }
 body #main .help-page h2,body #main.auth-page .auth-section h2 { font-size:27px; }
 body #main .help-page .help-nav,body #main.auth-page .auth-toc { padding:12px; border-radius:16px; }
 body #main .help-page .help-nav a { padding:11px 14px; }
 body #main .help-page .help-checks label,body #main .help-page .support-template { padding:20px; }
 body #main.auth-page .auth-step,body #main.auth-page .auth-footer-cta { padding:24px; }
 body #main.auth-page .auth-section { padding-top:40px; }
 .guide-page main.beginner-guide>.lesson { padding:26px 20px; border-radius:20px; }
 .guide-page main.beginner-guide .lesson-title h2 { font-size:26px; }
}
@media(max-width:360px) { .guide-page main.beginner-guide>.lesson { padding:24px 16px; } }

/* /assets/guide-hub.css */
/* Installation guide: continuous steps, clear wayfinding, original instructions. */
.guide-page #main.guide-hub { max-width:1020px; padding-bottom:72px; }
#main.guide-hub .beginner-head { max-width:800px; margin:0 auto; padding:68px 0 42px; text-align:center; }
#main.guide-hub .beginner-head .eyebrow { color:#6e6e73; font-size:13px; letter-spacing:.04em; }
#main.guide-hub .beginner-head h1 { max-width:760px; margin:18px auto 22px; color:#1d1d1f; font-size:clamp(34px,4.8vw,54px); line-height:1.18; letter-spacing:-1.5px; text-wrap:balance; }
#main.guide-hub .beginner-head>p { max-width:680px; margin:auto; color:#6e6e73; font-size:16px; line-height:1.85; }
#main.guide-hub .guide-hub-actions { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:14px 24px; margin:26px 0 10px; }
#main.guide-hub .guide-hub-actions .button { min-height:46px; padding:11px 22px; border-radius:24px; background:#0071e3; border-color:#0071e3; font-size:14px; }
#main.guide-hub .guide-hub-actions .button:hover { background:#0077ed; }
#main.guide-hub .guide-hub-actions .guide-download-link { display:inline-flex; align-items:center; min-height:44px; color:#06c; font-size:14px; }
#main.guide-hub .help-now { margin-top:8px; color:#6e6e73; font-size:13px; font-weight:400; }
#main.guide-hub .help-now:hover { color:#06c; }
#main.guide-hub .lesson-nav { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; padding:8px; margin:0 0 38px; border:1px solid #e5e5e7; border-radius:16px; background:#f5f5f7; scroll-margin-top:96px; }
#main.guide-hub .lesson-nav a { display:flex; align-items:center; justify-content:center; min-height:48px; padding:9px 7px; border:0; border-radius:10px; color:#424245; font-size:13px; line-height:1.5; text-align:center; }
#main.guide-hub .lesson-nav a:hover { background:#fff; color:#06c; }
#main.guide-hub .lesson-nav a:last-child { grid-column:auto; }
.guide-page #main.guide-hub .lesson { margin-bottom:30px; padding:40px; border:1px solid #e5e5e7; border-radius:24px; background:#fff; scroll-margin-top:100px; box-shadow:none; }
#main.guide-hub .lesson-title>span { display:inline-block; color:#6e6e73; font-size:12px; font-weight:600; letter-spacing:.03em; }
#main.guide-hub .lesson-title h2 { max-width:780px; margin:12px 0 16px; color:#1d1d1f; font-size:clamp(26px,3vw,34px); line-height:1.3; letter-spacing:-.8px; }
#main.guide-hub .lesson-title>p { color:#6e6e73; font-size:16px; line-height:1.85; margin-bottom:28px; }
#main.guide-hub .big-actions { gap:18px; }
#main.guide-hub .big-actions>div { padding:26px; border-radius:16px; background:#f5f5f7; }
#main.guide-hub .big-actions b { color:#1d1d1f; font-size:34px; font-weight:600; }
#main.guide-hub .big-actions strong { color:#1d1d1f; font-size:20px; }
#main.guide-hub .big-actions p { color:#6e6e73; font-size:14px; }
#main.guide-hub .bracket-simple,#main.guide-hub .insert-simple { border-radius:16px; background:#f5f5f7; }
#main.guide-hub .lesson-photo { border-color:#e5e5e7; border-radius:16px; background:#f5f5f7; }
#main.guide-hub .lesson-photo>span { padding:13px; color:#06c; background:#f5f5f7; font-size:13px; }
#main.guide-hub .image-note { margin:12px 0 20px; color:#6e6e73; font-size:12px; line-height:1.85; }
#main.guide-hub .plain-tip { padding:18px 20px; background:#f5f8fc; border-left-color:#0071e3; border-radius:0 10px 10px 0; font-size:15px; }
#main.guide-hub .stop-note { padding:18px 20px; border:1px solid #efd9b9; border-radius:12px; background:#fff8ee; color:#805621; line-height:1.85; }
#main.guide-hub .done-note { padding:20px; border-color:#dce9df; border-radius:12px; background:#f4f8f4; }
#main.guide-hub .done-note b { font-size:12px; }
#main.guide-hub .done-note p { font-size:15px; line-height:1.8; }
#main.guide-hub .lesson-step-links { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 24px; margin-top:26px; padding-top:20px; border-top:1px solid #e8e8ed; }
#main.guide-hub .lesson-step-links a { display:inline-flex; align-items:center; min-height:44px; color:#06c; font-size:14px; line-height:1.6; }
#main.guide-hub .lesson-step-links a:last-child { color:#6e6e73; font-size:13px; }
#main.guide-hub .lesson-step-links a:hover { text-decoration:underline; text-underline-offset:4px; }
#main.guide-hub .lesson-help { padding:30px; border:1px solid #e5e5e7; border-radius:20px; background:#f5f5f7; text-align:center; }
#main.guide-hub .lesson-help strong { color:#1d1d1f; font-size:21px; font-weight:600; }
#main.guide-hub .lesson-help p { max-width:630px; margin:12px auto; color:#6e6e73; font-size:14px; line-height:1.85; }
#main.guide-hub .lesson-help a { display:inline-flex; align-items:center; min-height:44px; color:#06c; }
#main.guide-hub .full-diagrams { margin-top:28px; padding:16px 0; border-top:1px solid #e5e5e7; }
#main.guide-hub .full-diagrams>summary { min-height:44px; padding:10px 0; color:#424245; font-size:14px; }
#main.guide-hub a:focus-visible { outline:3px solid #0071e3; outline-offset:4px; }
@media(max-width:750px) {
 #main.guide-hub .lesson-nav { grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin-bottom:26px; }
 #main.guide-hub .lesson-nav a { min-height:46px; }
 .guide-page #main.guide-hub .lesson { padding:28px; }
 #main.guide-hub .beginner-head { padding-top:44px; padding-bottom:32px; }
}
@media(max-width:500px) {
 .guide-page #main.guide-hub { padding-bottom:48px; }
 #main.guide-hub .beginner-head { padding-top:34px; }
 #main.guide-hub .beginner-head h1 { font-size:36px; letter-spacing:-1px; }
 #main.guide-hub .beginner-head>p { font-size:14px; line-height:1.9; }
 #main.guide-hub .guide-hub-actions { gap:8px 18px; margin-top:22px; }
 #main.guide-hub .lesson-nav { padding:6px; border-radius:12px; }
 #main.guide-hub .lesson-nav a { padding:8px 4px; font-size:12px; }
 .guide-page #main.guide-hub .lesson { padding:24px 20px; margin-bottom:20px; border-radius:18px; }
 #main.guide-hub .lesson-title h2 { font-size:27px; }
 #main.guide-hub .lesson-title>p { font-size:14px; margin-bottom:22px; }
 #main.guide-hub .big-actions>div { padding:20px; }
 #main.guide-hub .plain-tip,#main.guide-hub .stop-note,#main.guide-hub .done-note { padding:16px; font-size:14px; }
 #main.guide-hub .lesson-step-links { gap:3px 18px; margin-top:20px; padding-top:14px; }
 #main.guide-hub .lesson-help { padding:24px 20px; }
 #main.guide-hub .slot-edge { max-width:100%; }
 #main.guide-hub .gold-edge { max-width:90%; }
 html[lang="en"] #main.guide-hub .lesson-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[lang="en"] #main.guide-hub .lesson-nav a:last-child { grid-column:1/-1; }
}

/* /assets/guide-plain.css */
/* Beginner guide: one action at a time, legible diagrams and detailed photos. */
#main.guide-hub .beginner-head { padding-top:56px; }
#main.guide-hub .beginner-head h1 { max-width:760px; font-size:clamp(34px,4.5vw,50px); }
#main.guide-hub .guide-before { margin:0 0 24px; padding:24px 28px; border:0; border-radius:20px; background:#f5f5f7; }
#main.guide-hub .guide-before h2 { margin:0 0 15px; font-size:19px; letter-spacing:-.3px; }
#main.guide-hub .guide-before ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0; padding:0; list-style:none; counter-reset:before; }
#main.guide-hub .guide-before li { counter-increment:before; font-size:13px; line-height:1.9; color:#6e6e73; }
#main.guide-hub .guide-before li::before { content:counter(before,decimal-leading-zero); display:block; margin-bottom:4px; color:#0066cc; font-size:11px; font-weight:600; }
#main.guide-hub .lesson-title h2 { max-width:800px; font-size:clamp(25px,3vw,33px); }
#main.guide-hub .lesson-title>p { max-width:760px; font-size:16px; margin-bottom:24px; }
#main.guide-hub .guide-visual { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:center; margin:26px 0; border:1px solid #e5e5e7; border-radius:18px; overflow:hidden; background:#f5f5f7; }
#main.guide-hub .guide-visual-open { position:relative; display:block; min-width:0; padding:16px; color:#0066cc; text-decoration:none; cursor:zoom-in; background:#f5f5f7; }
#main.guide-hub .guide-visual-open>img,#main.guide-hub .guide-visual-open>svg { display:block; width:100%; height:auto; max-width:100%; border-radius:10px; }
#main.guide-hub .guide-zoom-hint { display:flex; justify-content:center; align-items:center; gap:7px; margin-top:14px; font-size:11px; min-height:24px; color:#0066cc; }
#main.guide-hub .guide-visual figcaption { display:block; padding:26px 24px; min-width:0; text-align:left; }
#main.guide-hub .guide-visual figcaption>strong { display:block; color:#1d1d1f; font-size:17px; line-height:1.65; font-weight:600; }
#main.guide-hub .guide-visual figcaption>p { margin:14px 0 0; color:#6e6e73; font-size:12px; line-height:1.85; }
#main.guide-hub .visual-legend { display:grid; gap:12px; padding:0; margin:16px 0 0; list-style:none; }
#main.guide-hub .visual-legend li { display:flex; align-items:flex-start; gap:9px; color:#424245; font-size:13px; line-height:1.8; }
#main.guide-hub .visual-legend b { display:grid; place-items:center; flex:0 0 22px; height:22px; border-radius:100%; background:#0071e3; color:white; font-size:11px; margin-top:1px; }
#main.guide-hub .guide-real-photo .guide-visual-open { padding:18px; }
#main.guide-hub #visual-port .guide-visual-open>svg { width:auto; max-width:100%; height:340px; margin:auto; }
#main.guide-hub #visual-cable { grid-template-columns:1fr; }
#main.guide-hub #visual-cable .guide-visual-open { padding:22px 22px 0; }
#main.guide-hub #visual-cable figcaption { padding:20px 26px 26px; }
#main.guide-hub #visual-cable .visual-legend { grid-template-columns:1fr 1fr; }
#main.guide-hub #visual-driver .guide-visual-open { padding:22px; }
#main.guide-hub .plain-tip { font-size:15px; line-height:1.9; color:#424245; }
#main.guide-hub .plain-list,#main.guide-hub .last-check { font-size:16px; line-height:1.9; color:#424245; }
#main.guide-hub .plain-list li,#main.guide-hub .last-check li { margin:11px 0; }
#main.guide-hub .done-note { display:flex; gap:20px; align-items:baseline; padding:18px 20px; }
#main.guide-hub .done-note b { flex-shrink:0; color:#47704f; }
#main.guide-hub .done-note p { margin:0; }
#main.guide-hub .guide-software-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; }
#main.guide-hub .guide-software-actions .guide-download-link { display:inline-flex; align-items:center; min-height:44px; color:#0066cc; font-size:14px; }
.guide-image-viewer { width:min(1120px,calc(100vw - 36px)); max-height:calc(100dvh - 36px); padding:22px; border:1px solid #dedee3; border-radius:20px; color:#1d1d1f; background:white; box-shadow:0 16px 70px #0003; }
.guide-image-viewer::backdrop { background:#16161bcc; backdrop-filter:blur(6px); }
.guide-viewer-head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.guide-viewer-head h2 { margin:0; font-size:19px; font-weight:600; }
.guide-viewer-close { display:flex; align-items:center; gap:10px; min-height:44px; padding:8px 14px; border:0; border-radius:100px; background:#f5f5f7; color:#424245; cursor:pointer; }
.guide-viewer-close span { font-size:24px; line-height:1; }
.guide-viewer-tools { display:flex; align-items:center; justify-content:center; gap:12px; padding:14px 0; }
.guide-viewer-tools button { min-width:44px; min-height:44px; padding:8px 12px; border:1px solid #dedee3; border-radius:100px; color:#0066cc; background:white; cursor:pointer; font-size:15px; }
.guide-viewer-tools button:disabled { color:#b7b7bf; cursor:default; }
.guide-viewer-scale { min-width:44px; font-size:12px; text-align:center; color:#6e6e73; }
.guide-viewer-media { max-height:65dvh; overflow:auto; border-radius:12px; background:#f5f5f7; overscroll-behavior:contain; }
.guide-viewer-canvas { width:max-content; min-width:100%; }
.guide-viewer-canvas>img,.guide-viewer-canvas>svg { display:block; margin:auto; height:auto; max-width:none; }
.guide-image-viewer>p { font-size:12px; line-height:1.7; color:#6e6e73; margin:14px 0 0; text-align:center; }
body.guide-viewing { overflow:hidden; }
.guide-image-viewer button:focus-visible { outline:3px solid #0071e3; outline-offset:3px; }
@media(max-width:650px) {
 #main.guide-hub .beginner-head { padding-top:34px; }
 #main.guide-hub .beginner-head h1 { font-size:35px; }
 #main.guide-hub .guide-before { padding:22px; }
 #main.guide-hub .guide-before ol { grid-template-columns:1fr; gap:12px; }
 #main.guide-hub .guide-before li::before { display:inline; margin-right:9px; }
 #main.guide-hub .lesson-title h2 { font-size:27px; }
 #main.guide-hub .lesson-title>p { font-size:15px; }
 #main.guide-hub .guide-visual { grid-template-columns:1fr; margin:22px 0; border-radius:14px; }
 #main.guide-hub .guide-visual-open { padding:10px 10px 0; }
 #main.guide-hub .guide-zoom-hint { margin-top:8px; }
 #main.guide-hub .guide-visual figcaption { padding:18px; }
 #main.guide-hub .guide-visual figcaption>strong { font-size:15px; }
 #main.guide-hub .visual-legend { gap:9px; margin-top:12px; }
 #main.guide-hub .visual-legend li { font-size:13px; }
 #main.guide-hub .guide-real-photo .guide-visual-open { padding:12px 12px 0; }
 #main.guide-hub #visual-port .guide-visual-open>svg { height:auto; width:100%; max-height:400px; }
 #main.guide-hub #visual-cable .guide-visual-open { padding:12px 12px 0; }
 #main.guide-hub #visual-cable figcaption { padding:18px; }
 #main.guide-hub #visual-cable .visual-legend { grid-template-columns:1fr; }
 #main.guide-hub #visual-driver .guide-visual-open { padding:12px 12px 0; }
 #main.guide-hub .plain-tip,#main.guide-hub .plain-list,#main.guide-hub .last-check { font-size:15px; }
 #main.guide-hub .done-note { display:block; padding:16px; }
 #main.guide-hub .done-note p { margin-top:6px; }
 .guide-image-viewer { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); padding:14px; border-radius:16px; }
 .guide-viewer-head h2 { font-size:17px; }
 .guide-viewer-tools { gap:8px; }
 .guide-viewer-tools button { padding:8px 11px; }
 .guide-viewer-media { max-height:62dvh; }
}