/* Additional self-contained pages, consistent with the Monolith light design. */
.extra-pages{background:linear-gradient(180deg,#f8fbff 0%,#fff 40%);min-height:70vh}
.extra-hero{position:relative;overflow:hidden}
.extra-hero:after{content:'';position:absolute;pointer-events:none;width:380px;height:380px;right:-110px;top:2rem;background:radial-gradient(circle,#c9e5ff83,transparent 68%);z-index:-1}
.extra-hero h1{max-width:900px}
.guide-controls{display:flex;gap:8px;flex-wrap:wrap;margin:0 auto 10px}
.mini-chip{border:1px solid #dbe5ef;border-radius:30px;padding:9px 15px;color:#34506c;font-size:12px;font-weight:700;background:#fff;transition:border-color .25s,background .25s}
.mini-chip:hover{background:#eff6ff;border-color:#80b5ed}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:30px!important}
.extra-card{border:1px solid #e3eaf2;border-radius:20px;padding:30px;background:linear-gradient(150deg,#fff,#f7faff);display:flex;flex-direction:column;min-height:245px;box-shadow:0 8px 32px #15467308;text-decoration:none;color:inherit}
.extra-card:hover{border-color:#a7c4e8;box-shadow:0 20px 40px #1a498b16}
.extra-card h3{font:800 clamp(20px,1.8vw,26px)/1.18 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:20px 0 12px;color:#0d1828}
.extra-card p{font-size:13px;line-height:1.65;color:#64738a;flex:1}
.mini-tag{color:#2273cc;font:800 10px 'DM Sans',Arial,sans-serif;letter-spacing:.13em}
.extra-card-arrow{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#163b65;font-weight:800;margin-top:22px}
.extra-card-arrow b{font-size:19px}
.extra-cta{background:linear-gradient(110deg,#0c1a30,#183c65);border-radius:25px;color:white;padding:55px;overflow:hidden;position:relative}
.extra-cta:after{content:'';width:350px;height:350px;position:absolute;border:1px solid #ffffff21;border-radius:50%;right:-100px;top:-60px;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff05;pointer-events:none}
.extra-cta .eyebrow{color:#8ec4ff}
.extra-cta h2{font-size:clamp(29px,4vw,48px);letter-spacing:-.052em;line-height:1.14;margin:14px 0}
.extra-cta p{font-size:15px;color:#b9cce0;max-width:560px;line-height:1.65;margin-bottom:22px}
.extra-cta .btn{background:#fff;color:#092443;position:relative;z-index:2}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:52px;padding-top:30px;padding-bottom:70px;align-items:start}
.guide-article{min-width:0}
.guide-disclaimer{padding:22px 25px;border:1px solid #c8dafa;background:#eef6ff;border-radius:15px;margin-bottom:24px;font-size:13px;line-height:1.7;color:#53677f}
.guide-disclaimer strong{display:block;color:#0e3158;font-size:14px;margin-bottom:6px}
.guide-disclaimer p{margin:0}.guide-disclaimer.secondary{background:#fff;border-color:#e2eaf2;margin-top:22px}
.guide-disclaimer a{display:inline-block;margin-top:15px;color:#0666ce;font-weight:800}
.guide-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:25px;border-bottom:1px solid #e7edf4;padding:28px 0}
.guide-step-no{font:800 12px Manrope;color:#2671d8;padding-top:8px}
.guide-step h2{font:800 25px Manrope;color:#0b1a2e;letter-spacing:-.04em;margin-bottom:10px}
.guide-step p{font-size:15px;color:#526780;line-height:1.75;max-width:720px}
.guide-aside{position:sticky;top:110px;border:1px solid #e4ebf3;border-radius:20px;background:#f6f9fe;padding:28px;box-shadow:0 10px 30px #183c6410}
.guide-aside h3{font:800 23px/1.23 Manrope;margin:15px 0 10px;letter-spacing:-.04em;color:#122a43}
.guide-aside p{font-size:13px;line-height:1.7;color:#66768d;margin-bottom:20px}
.guide-aside .btn{font-size:12px;width:100%;justify-content:center}
.aside-link{display:flex;border-top:1px solid #dce7f3;padding:13px 0;color:#164e88;font-size:12px;font-weight:700;align-items:center;justify-content:space-between}
.aside-link:first-of-type{margin-top:20px}
.tool-stage{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:76px}
.tool-inputs,.tool-output,.tool-migrate{border:1px solid #e1e9f2;background:#fff;border-radius:22px;padding:32px;box-shadow:0 12px 40px #244a720d}
.tool-head h2{font:800 30px Manrope;letter-spacing:-.05em;margin:11px 0 15px;color:#0c1e35}
.tool-inputs>label{display:flex;flex-direction:column;gap:10px;margin-top:24px;font-weight:800;color:#1b3048;font-size:13px;position:relative}
.tool-inputs select{border:1px solid #d8e4f0;padding:13px;border-radius:10px;background:#f8fbff;font-size:14px;color:#14273e}
.tool-inputs input[type=range]{accent-color:#166ce7;width:100%;margin:18px 0 8px}
.tool-inputs output{position:absolute;right:4px;top:0;color:#1e74de}
.tool-inputs .guide-disclaimer{margin-top:25px;margin-bottom:0}
.tool-output{background:linear-gradient(140deg,#0b1d32,#173c66);color:white;border:0;display:flex;flex-direction:column;min-height:450px}
.tool-output .eyebrow{color:#9bc8fc}.tool-output h2{font:800 clamp(64px,7vw,96px)/1.2 Manrope;letter-spacing:-.085em;margin-top:70px;white-space:nowrap}
.tool-output h2 small{font-size:20px;letter-spacing:-.03em;color:#b3d2f7}
.tool-progress,.migration-track{height:10px;background:#ffffff24;border-radius:20px;overflow:hidden;margin:25px 0}
.tool-progress i,.migration-track i{display:block;height:100%;background:linear-gradient(90deg,#378cff,#76c5ff);border-radius:20px}
.tool-output>p{color:#b5cbe2;font-size:14px;line-height:1.7;max-width:440px}
.tool-output-footer{margin-top:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.tool-output-footer span{font-size:11px;color:#91accc}.tool-output-footer .btn{background:#fff;color:#0e2f50;font-size:12px}
.tool-migrate{margin-bottom:70px}
.tool-migrate .tool-head{max-width:780px}.tool-migrate .tool-head>p{color:#64809b;font-size:13px}
.tool-migrate .migration-track{background:#e4eef7;margin-top:15px}
.migration-items{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.migration-item{border:1px solid #e0e9f3;border-radius:15px;padding:22px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;background:#fff}
.migration-item input{position:absolute;opacity:0;width:1px;height:1px}
.migration-item input:focus-visible~.migration-square{outline:3px solid #2b7ee7;outline-offset:4px}
.migration-square{flex:none;border:1px solid #c5d8ea;color:transparent;width:26px;height:26px;border-radius:7px;text-align:center;line-height:25px;font-weight:800}
.migration-item strong{display:block;font-size:14px;color:#132f49}
.migration-item small{display:block;font-size:12px;color:#678199;line-height:1.6;margin-top:7px}
.migration-item em{font:700 11px Manrope;color:#9eb4c8;font-style:normal;margin-left:auto}
.migration-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:28px;flex-wrap:wrap}
.legal-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;margin-top:15px;margin-bottom:60px}
.legal-main{background:#fff;border:1px solid #e2eaf2;border-radius:20px;padding:42px}
.legal-main h2{font:800 33px Manrope;letter-spacing:-.05em;margin:24px 0}
.legal-main>p{font-size:15px;color:#526c83;line-height:1.8;margin:16px 0}
.legal-warning{padding:23px;border-left:3px solid #287ee5;background:#f0f7ff;margin:28px 0;border-radius:0 12px 12px 0}
.legal-warning strong{color:#0e345a}
.legal-warning p{margin-top:8px;font-size:13px;color:#5a7490;line-height:1.7}
.legal-main .btn{margin:5px}
.faq-standalone{max-width:1000px}
.faq-native{border-bottom:1px solid #e1e9f2;background:white;padding:0 5px}
.faq-native summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font:750 18px Manrope;gap:20px;padding:26px 12px;color:#12314e}
.faq-native summary::-webkit-details-marker{display:none}
.faq-native summary span{font-size:24px;color:#1c77d6;transition:transform .25s}
.faq-native p{font-size:14px;color:#53677e;line-height:1.8;padding:0 12px 25px}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-stage,.guide-layout,.legal-body{grid-template-columns:1fr}.guide-aside{position:static}.migration-items{grid-template-columns:1fr}.extra-cta{padding:35px}}
@media(max-width:570px){.guide-grid{grid-template-columns:1fr}.extra-card{min-height:190px;padding:23px}.guide-layout{gap:24px}.guide-step{gap:10px;grid-template-columns:25px 1fr}.guide-step h2{font-size:20px}.tool-inputs,.tool-output,.tool-migrate,.legal-main{padding:22px}.tool-output{min-height:380px}.tool-output h2{font-size:56px}.tool-output h2 small{font-size:15px}.extra-cta{padding:29px}.extra-cta h2{font-size:30px}.faq-native summary{font-size:15px}}
@media print{.site-header,.site-footer,.hero,.extra-cta,.migration-actions{display:none!important}.migration-items{grid-template-columns:1fr}.migration-item{break-inside:avoid}.migration-square{border:1px solid #444}}
/* Navigation polish for larger tablet and compact laptop viewports. */
@media(min-width:851px){.site-header .header-inner{gap:clamp(12px,1.55vw,26px)}.site-header .desktop-nav{margin-left:0;gap:clamp(12px,1.45vw,22px)}.site-header .header-search{min-width:155px;width:clamp(170px,17vw,250px)}.site-header .header-actions{gap:14px}}
@media(min-width:851px) and (max-width:1190px){.site-header .header-search{display:none}.site-header .desktop-nav{margin-left:auto}}
@media(min-width:851px) and (max-width:1000px){.site-header .header-login{display:none}}
