/* Distinct page compositions. Shared typography and controls stay in pages.css. */
.site-header{position:sticky;top:0;z-index:12;background:var(--paper);padding-block:17px;border-bottom:1px solid var(--line)}
.site-header .nav-main{display:inline-flex!important;align-items:center;gap:22px;background:var(--ink);color:var(--surface);padding:10px 17px;border-radius:9px;text-decoration:none;font-size:13px}
.site-header .nav-main:hover{background:#171722;color:white}
html{scroll-padding-top:105px}.content-section{scroll-margin-top:105px}
.hero .hero-actions{gap:18px}.main-site-button{font-size:15px;padding:15px 22px}
.main-site-caption{color:var(--muted);font-size:12px;max-width:47ch;margin-top:15px}
.hero-proof{margin:0}.hero-proof>a{display:block;position:relative;text-decoration:none}.hero-proof img{width:100%;height:auto}.hero-proof>a>span{position:absolute;right:15px;bottom:15px;padding:6px 11px;background:var(--surface);border-radius:7px;font-size:10px;box-shadow:0 3px 15px #0001}.hero-proof figcaption{margin-top:18px;color:var(--muted);font-size:12px}
.guide-bridge{display:flex;justify-content:space-between;align-items:center;gap:28px;background:var(--ink);color:var(--surface);padding:32px;border-radius:15px;margin:0 0 65px}
.guide-bridge>div>span{font-size:11px;color:#cecedb}.guide-bridge h2{font-size:29px;margin:10px 0 13px}.guide-bridge p{font-size:13px;color:#dddde7;max-width:43ch}.guide-bridge .button{background:var(--surface);color:var(--ink);border-color:var(--surface);flex-shrink:0;font-size:13px;padding:13px 17px}
/* Account: a light editorial spread with real evidence, then a single reading column. */
.page-blocked{--paper:#f8f8fa;--surface:#eeeef3}
.hero-editorial{grid-template-columns:1.15fr 1fr;min-height:650px;gap:65px;padding-block:60px 70px}
.hero-editorial h1{font-size:clamp(42px,4.6vw,68px);letter-spacing:-.052em}
.editorial-evidence{min-width:0;padding-top:30px}.evidence-label{font-size:13px;color:var(--muted);display:block;margin-bottom:26px}
.editorial-evidence .hero-proof{transform:rotate(-4deg);background:white;padding:12px;box-shadow:0 20px 50px #34344218}
.editorial-evidence .hero-proof figcaption{margin:10px 10px 6px}.editorial-evidence>a{font-size:13px;display:inline-block;margin-top:36px}
.page-blocked .reading-layout{display:block;max-width:900px}.page-blocked .contents{position:static;padding-block:20px;margin-bottom:55px;border-block:1px solid var(--line)}
.page-blocked .contents nav{flex-direction:row;flex-wrap:wrap;gap:13px 25px}.page-blocked .contents-label{display:none}.page-blocked .byline{margin:18px 0 0;padding:0;border:0;flex-direction:row;gap:16px}
.page-blocked .article-body{max-width:none}.page-blocked .content-section>h2{font-size:38px}.page-blocked .sequence>li{padding-bottom:22px;border-bottom:1px solid var(--line)}
.page-blocked .sequence>li:before{box-shadow:none;background:transparent;font-family:Inter,sans-serif;font-size:28px}
/* Errors: an actual selectable diagnostic console occupies the opening. */
.hero-diagnostic{display:block;width:100%;max-width:none;min-height:0;padding:65px 0 70px;background:#292932;color:#f5f5fa;margin-bottom:45px}
.diagnostic-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}
.hero-diagnostic .back-link,.hero-diagnostic .hero-lead,.hero-diagnostic .main-site-caption{color:#c5c5d2}.hero-diagnostic a:hover{color:white}
.hero-diagnostic .main-site-button{background:#f3f3f8;border-color:#f3f3f8;color:#292932}.hero-diagnostic .main-site-button:hover{background:white;color:#292932}
.hero-diagnostic h1{font-size:clamp(38px,4.15vw,58px)}
.diagnostic-console{min-width:0;border:1px solid #565663;border-radius:14px;overflow:hidden;background:#30303b}
.console-label{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid #565663;font-size:13px}.console-label>span{font:22px ui-monospace,monospace}
.console-options{display:grid;grid-template-columns:1fr 1fr}.console-options a{display:grid;grid-template-columns:1fr auto;gap:7px;padding:22px;text-decoration:none;border-bottom:1px solid #565663;min-width:0}.console-options a:nth-child(odd){border-right:1px solid #565663}.console-options a:hover{background:#42424e}.console-options strong{font:500 33px Inter,sans-serif;grid-column:1/-1;line-height:1.2}.console-options a:nth-child(n+5) strong{font:500 16px/1.5 Inter,sans-serif}.console-options span{font-size:11px;color:#c5c5d2}.diagnostic-console>p{font-size:11px;color:#c5c5d2;padding:15px 22px}
.page-errors .diagnostic{scroll-margin-top:110px}.page-errors .diagnostic>summary code{padding:5px 9px;background:var(--surface);border-radius:5px}.page-errors .reading-layout{padding-top:0}
/* Payment: centered heading and wide comparison, with no decorative square. */
.page-payment{--paper:#f5f5f7;--surface:#e9e9ef}
.hero-payment{display:flex;flex-direction:column;min-height:0;gap:48px;text-align:center;padding-block:48px 42px}
.hero-payment .hero-copy{max-width:880px}.hero-payment h1{font-size:clamp(42px,4.8vw,68px)}.hero-payment .hero-lead{margin-inline:auto;max-width:63ch}.hero-payment .hero-actions{justify-content:center}.hero-payment .main-site-caption{margin-inline:auto;max-width:none}
.payment-routes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;border-block:1px solid var(--line);text-align:left}
.payment-routes>a{padding:24px 30px;text-decoration:none;display:grid;grid-template-columns:1fr auto;gap:7px}.payment-routes>a+a{border-left:1px solid var(--line)}.payment-routes span:first-child{font-size:12px;color:var(--muted);grid-column:1/-1}.payment-routes strong{font-size:18px;font-weight:600}.payment-routes>a:hover{background:var(--surface)}
.page-payment .reading-layout{display:block;max-width:1100px;padding-top:0}.page-payment .contents{position:static;margin:0 0 45px}.page-payment .contents nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:22px}.page-payment .contents-label,.page-payment .byline{display:none}.page-payment .article-body{max-width:none}
.page-payment .comparison{font-size:16px}.page-payment .comparison th,.page-payment .comparison td{padding:25px 25px 25px 0}.page-payment .comparison tbody th{width:25%}.page-payment .comparison caption{font-size:12px}
.page-payment #pay .sequence{display:grid;grid-template-columns:1fr 1fr;gap:35px 45px}.page-payment #pay .sequence>li{margin-bottom:0}.page-payment #proof .split-story{grid-template-columns:1fr 1fr;align-items:center}
/* Card: reversed composition and a physical graphite card. */
.page-card{--paper:#f1f1f5;--surface:#e6e6ef}
.hero-card{grid-template-columns:1fr 1fr;min-height:650px;gap:80px;padding-block:45px 70px}
.hero-card .hero-copy{grid-column:2;grid-row:1}.hero-card h1{font-size:clamp(48px,5.2vw,74px)}.card-stage{grid-column:1;grid-row:1;padding:25px 20px}.card-stage .card-art{max-width:none}.card-stage .bank-card{background:#41414f;color:#f4f4fa;aspect-ratio:1.59;min-height:250px;border-radius:23px;padding:30px;box-shadow:14px 27px 35px #29293235;transform:rotate(-12deg)}.card-stage .card-foot{color:#d3d3e0}.card-stage .chip{border-color:#ababbd;background:transparent}.card-stage .card-number{font-size:26px}.card-stage .card-shadow-label{display:none}.card-stage-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:70px}.card-stage-note strong{font:500 24px/1.25 Inter,sans-serif;letter-spacing:-.035em}.card-stage-note>span{font-size:11px;color:var(--muted)}
.page-card .reading-layout{display:block}.page-card .contents{position:static;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:50px}.page-card .contents nav{flex-direction:row;flex-wrap:wrap;gap:25px}.page-card .contents-label,.page-card .byline{display:none}.page-card .article-body{max-width:none}.page-card .content-section{display:grid;grid-template-columns:270px minmax(0,1fr);column-gap:65px}.page-card .content-section>h2{grid-column:1;grid-row:1/span 20;align-self:start;font-size:34px}.page-card .content-section>:not(h2){grid-column:2;min-width:0}.page-card .cost-calculator{background:#343442;color:#f5f5fa}.page-card .cost-fields input{background:#494958;border-color:#747486;color:#fff}.page-card .cost-fields input::placeholder{color:#d2d2df}.page-card .cost-total>span,.page-card .cost-total small{color:#d2d2df}.page-card .cost-total .button{background:#f3f3f8;color:#343442}.page-card .cost-total output{font-size:38px}
/* Server: centered introduction with a wide real workspace panorama. */
.page-server{--paper:#eeeef3;--surface:#f9f9fc}
.hero-workspace{display:flex;flex-direction:column;gap:40px;text-align:center;padding-block:45px 55px;min-height:0}.hero-workspace .hero-copy{max-width:1000px}.hero-workspace h1{font-size:clamp(42px,4.6vw,65px)}.hero-workspace .hero-lead{margin-inline:auto;max-width:65ch}.hero-workspace .hero-actions{justify-content:center}.hero-workspace .main-site-caption{margin-inline:auto;max-width:none}.workspace-panorama{width:100%;max-width:1060px;padding:12px 12px 0;background:#fafafc;border-radius:17px;box-shadow:0 20px 40px #3434421a}.workspace-panorama .hero-proof img{max-height:430px;object-fit:cover;object-position:top;border-radius:8px}.workspace-panorama .hero-proof figcaption{display:none}.workspace-route{display:flex;justify-content:center;align-items:center;gap:30px;padding:20px 12px;font-size:12px}.workspace-route strong{font-weight:600}
.page-server .reading-layout{display:block;max-width:1080px}.page-server .contents{position:static;margin-bottom:50px}.page-server .contents nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:25px}.page-server .contents-label,.page-server .byline{display:none}.page-server .article-body{max-width:none}.page-server .architecture{gap:0;border-radius:18px;overflow:hidden;background:#f8f8fc;margin-bottom:25px}.page-server .architecture>div{padding:32px;border:0}.page-server .architecture>div+div{background:#dfdfe9}.page-server .architecture .path-line{margin-bottom:0}.page-server #choose{max-width:850px;margin-inline:auto}.page-server #setup .sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.page-server #setup .sequence>li{padding-left:0;padding-top:48px}.page-server #setup .sequence>li:before{box-shadow:none}
@media(max-width:1100px){.hero-editorial,.diagnostic-layout,.hero-card{gap:35px}.hero-editorial h1{font-size:50px}.card-stage{padding:20px 10px}.card-stage .bank-card{min-height:210px;padding:22px}.card-stage-note{gap:12px}.card-stage-note strong{font-size:21px}.page-card .content-section{grid-template-columns:220px 1fr;gap:30px}.page-card .cost-calculator{grid-template-columns:1fr}.page-server .architecture{grid-template-columns:1fr 1fr}.guide-bridge{flex-wrap:wrap}}
@media(max-width:760px){
 .site-header{padding-block:13px;gap:10px}.site-header nav{gap:13px}.site-header .nav-main{padding:9px 12px;font-size:12px;gap:12px}.site-header .nav-topics{font-size:11px}.site-header .wordmark{font-size:22px}
 .hero .hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.main-site-button{font-size:14px;padding:14px 18px}.main-site-caption{font-size:11px;margin-top:16px;max-width:42ch}
 .hero-proof>a>span{right:8px;bottom:8px;font-size:9px}.hero-proof figcaption{font-size:11px}.hero .back-link{margin-bottom:20px}
 .hero-editorial{grid-template-columns:1fr;padding-block:30px 50px;min-height:0;gap:20px}.hero-editorial h1{font-size:39px}.editorial-evidence{padding:20px 8px 0}.evidence-label{font-size:12px}.editorial-evidence>a{margin-top:22px}.page-blocked .reading-layout{width:calc(100% - 40px)}.page-blocked .contents{margin-bottom:36px}.page-blocked .byline{font-size:10px;gap:8px;flex-wrap:wrap}.page-blocked .content-section>h2{font-size:30px}
 .hero-diagnostic{padding-block:30px 35px;margin-bottom:25px}.diagnostic-layout{grid-template-columns:1fr;gap:32px}.hero-diagnostic h1{font-size:39px}.console-options a{padding:17px}.console-options strong{font-size:29px}.console-options a:nth-child(n+5) strong{font-size:14px}.console-options span{font-size:10px}.console-label{padding:15px 17px;font-size:12px}.diagnostic-console>p{font-size:10px;padding:13px 17px}
 .hero-payment{padding-block:30px 25px;gap:32px}.hero-payment h1{font-size:38px}.hero-payment .hero-actions{align-items:center}.hero-payment .hero-lead{font-size:15px}.payment-routes{grid-template-columns:1fr;text-align:left}.payment-routes>a{padding:16px 12px;gap:3px 15px;grid-template-columns:1fr auto}.payment-routes>a+a{border-left:0;border-top:1px solid var(--line)}.payment-routes strong{font-size:16px}.payment-routes span:first-child{font-size:10px}.page-payment .contents{margin-bottom:35px;border:0;padding-top:0}.page-payment .contents nav{justify-content:flex-start;gap:10px 20px}.page-payment .comparison{font-size:14px}.page-payment .comparison th,.page-payment .comparison td{padding:18px 18px 18px 0}.page-payment #pay .sequence{grid-template-columns:1fr;gap:28px}.page-payment #proof .split-story{grid-template-columns:1fr}
 .hero-card{display:flex;flex-direction:column;gap:30px;min-height:0;padding-block:30px 45px;align-items:stretch}.hero-card h1{font-size:48px}.card-stage{padding:15px 16px}.card-stage .bank-card{min-height:185px;padding:22px;transform:rotate(-8deg);aspect-ratio:1.65}.card-stage .card-number{font-size:23px}.card-stage-note{margin-top:45px}.card-stage-note strong{font-size:21px}.card-stage-note>span{font-size:10px}.page-card .contents{padding-block:18px;margin-bottom:35px}.page-card .contents nav{gap:10px 20px}.page-card .content-section{display:block}.page-card .content-section>h2{font-size:30px}.page-card .cost-total{border-color:#686877}
 .hero-workspace{padding-block:30px 40px;gap:30px}.hero-workspace h1{font-size:36px}.hero-workspace .hero-actions{align-items:center}.workspace-panorama{padding:7px 7px 0;border-radius:11px}.workspace-panorama .hero-proof img{height:auto;max-height:none;object-fit:contain}.workspace-panorama .hero-proof>a>span{font-size:8px;max-width:80%;padding:4px 7px}.workspace-route{gap:9px;font-size:9px;padding:13px 3px;flex-wrap:wrap}.page-server .contents{padding-block:0 20px;margin-bottom:35px;border-top:0}.page-server .contents nav{justify-content:flex-start;gap:10px 20px}.page-server .architecture{grid-template-columns:1fr}.page-server .architecture>div{padding:23px}.page-server #setup .sequence{grid-template-columns:1fr;gap:18px}.page-server #setup .sequence>li{padding-left:45px;padding-top:0;margin-bottom:0}
 .guide-bridge{padding:26px;gap:22px;margin-bottom:45px}.guide-bridge h2{font-size:28px}.guide-bridge .button{font-size:13px;padding:13px 16px}.guide-bridge p{font-size:13px}
}
@media(max-width:370px){.site-header .nav-topics{display:none}.site-header .nav-main{font-size:12px}.hero-editorial h1,.hero-diagnostic h1{font-size:34px}.hero-payment h1{font-size:33px}.hero-card h1{font-size:43px}.hero-workspace h1{font-size:32px}.main-site-button{font-size:13px;padding:13px 15px}.page-blocked .reading-layout{width:calc(100% - 32px)}.card-stage{padding-inline:8px}.card-stage .bank-card{min-height:160px;padding:18px}.card-stage .card-number{font-size:19px}.card-stage-note{flex-direction:column;align-items:flex-start;gap:12px}.card-stage-note>span br{display:none}.guide-bridge{padding:22px}.guide-bridge .button{font-size:12px;padding:12px 14px}}
@media(min-width:761px){.page-errors .contents{top:110px}}