/* NONOS purchase guide: editable content with original, attributed help screenshots. */
.nonos-site .nbg-page { --nbg-border:#284653; --nbg-ink:#ecf7f9; --nbg-muted:#abc4ce; --nbg-accent:#83eeda; color:var(--nbg-ink); background:radial-gradient(ellipse at 87% 4%,#0e344440,transparent 30%),#050d13; }
.nonos-site .nbg-page .nbg-hero { position:relative; overflow:hidden; padding:92px 0 76px; border-bottom:1px solid var(--nbg-border); background:radial-gradient(ellipse at 79% 20%,#0a7e9440,transparent 43%),linear-gradient(130deg,#07121d,#061722); }
.nonos-site .nbg-page .nbg-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr); gap:64px; align-items:center; }
.nonos-site .nbg-page .nbg-hero-copy { min-width:0; }
.nonos-site .nbg-page .nbg-title h1.elementor-heading-title,.nonos-site .nbg-page h1.nbg-title { font-size:clamp(44px,5vw,76px); line-height:1.07; letter-spacing:-.05em; margin:22px 0 28px; }
.nonos-site .nbg-page .nbg-eyebrow { color:var(--nbg-accent); font-size:15px; letter-spacing:.09em; font-weight:600; line-height:1.5; }
.nonos-site .nbg-page .nbg-eyebrow p { margin:0; font-size:15px !important; line-height:1.5; }
.nonos-site .nbg-page p { color:var(--nbg-muted); line-height:1.8; margin:0 0 20px; }
.nonos-site .nbg-page p a { color:#a3ece3; text-decoration:underline; text-decoration-color:#45796e; text-underline-offset:4px; }
.nonos-site .nbg-page p a:hover { color:#d7fff6; text-decoration-color:currentColor; }
.nonos-site .nbg-page strong { color:#e2f7f8; font-weight:600; }
.nonos-site .nbg-page .nbg-actions { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:14px; margin-top:28px; }
.nonos-site .nbg-page .nbg-actions > .elementor-widget-button { width:auto; }
.nonos-site .nbg-page .nbg-actions .elementor-button { white-space:nowrap; }
.nonos-site .nbg-page .nbg-hero-meta { margin-top:24px; }
.nonos-site .nbg-page :is(.nbg-hero-meta,.nbg-small) p { font-size:16px !important; line-height:1.7; color:#8fadb9; }
.nonos-site .nbg-page .nbg-token-card { position:relative; padding:32px; border:1px solid #3f6877; border-radius:16px; background:linear-gradient(155deg,#102d3b,#071b25); box-shadow:0 24px 70px #0004,inset 0 1px 0 #acfff219; }
.nonos-site .nbg-page .nbg-token-card h2 { margin:22px 0 18px; font-size:34px; line-height:1.16; }
.nonos-site .nbg-page .nbg-token-card p { margin-bottom:18px; }
.nonos-site .nbg-page .nbg-contract { margin:24px 0; padding:20px; border:1px solid #365967; border-radius:9px; background:#04131bd9; }
.nonos-site .nbg-page .nbg-contract > span { display:block; color:#a4c3ce; font-size:15px; margin-bottom:12px; }
.nonos-site .nbg-page .nbg-contract code { display:block; font:500 16px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace; color:#bcf7ef; overflow-wrap:anywhere; word-break:break-all; user-select:all; }
.nonos-site .nbg-page .nbg-copy { display:flex; align-items:center; justify-content:space-between; gap:22px; width:100%; margin-top:18px; padding:12px 14px; min-height:46px; border:1px solid #527f8b; border-radius:5px; background:#12343e; color:#d5fbf4; font:600 16px/1.4 Arial,Helvetica,sans-serif; cursor:pointer; }
.nonos-site .nbg-page .nbg-copy:hover { border-color:#8be7da; background:#174752; }
.nonos-site .nbg-page .nbg-copy:focus-visible { outline:2px solid #8be7da; outline-offset:3px; }
.nonos-site .nbg-page .nbg-copy-status { min-height:0; margin:0; font-size:15px !important; line-height:1.6; }
.nonos-site .nbg-page .nbg-copy-status:not(:empty) { margin-top:12px; }
.nonos-site .nbg-page .nbg-token-source p { font-size:16px !important; }
.nonos-site .nbg-page .nbg-journey { display:grid; grid-template-columns:210px minmax(0,1fr); gap:66px; align-items:start; padding:76px 0 12px; }
.nonos-site .nbg-page .nbg-rail { position:sticky; top:calc(var(--nonos-header-height,118px) + var(--wp-admin--admin-bar--height,0px) + 28px); }
.nonos-site .nbg-page .nbg-jump { border-left:1px solid #30505b; padding-left:18px; }
.nonos-site .nbg-page .nbg-jump > p { color:#89aebd; font-size:14px !important; letter-spacing:.09em; margin:0 0 17px; }
.nonos-site .nbg-page .nbg-jump > a { display:flex; align-items:baseline; gap:12px; padding:10px 0; color:#a4bec9; font-size:16px; line-height:1.55; }
.nonos-site .nbg-page .nbg-jump > a span { color:#5b8295; font:400 13px/1.6 ui-monospace,Consolas,monospace; }
.nonos-site .nbg-page .nbg-jump > a:hover,.nonos-site .nbg-page .nbg-jump > a:focus-visible { color:#9af1df; }
.nonos-site .nbg-page .nbg-jump > a:focus-visible { outline:2px solid #84e4d5; outline-offset:4px; border-radius:2px; }
.nonos-site .nbg-page .nbg-jump > .nbg-jump-source { margin-top:17px; padding-top:20px; border-top:1px solid #27454f; }
.nonos-site .nbg-page .nbg-step { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.62fr); gap:32px; align-items:center; padding:0 0 66px; margin:0 0 66px; border-bottom:1px solid #233f4c; scroll-margin-top:calc(var(--nonos-header-height,118px) + var(--wp-admin--admin-bar--height,0px) + 28px); }
.nonos-site .nbg-page .nbg-step:has(.nbg-shot) { grid-template-columns:minmax(0,1fr); gap:24px; }
.nonos-site .nbg-page .nbg-step.nbg-step-portrait { grid-template-columns:minmax(0,1fr) minmax(230px,300px); gap:36px; }
.nonos-site .nbg-page .nbg-step:last-child { margin-bottom:0; }
.nonos-site .nbg-page .nbg-step-copy { min-width:0; }
.nonos-site .nbg-page .nbg-step-title { margin:14px 0 24px; }
.nonos-site .nbg-page h2.nbg-step-title { font-size:34px; line-height:1.16; }
.nonos-site .nbg-page .nbg-step-copy p { max-width:72ch; }
.nonos-site .nbg-page .nbg-inline-sources p { display:flex; flex-wrap:wrap; gap:5px 16px; font-size:16px !important; line-height:1.7; margin:22px 0 0; }
.nonos-site .nbg-page .nbg-shot { margin:0; padding:14px; border:1px solid #365667; border-radius:12px; background:linear-gradient(150deg,#102b37,#071822); box-shadow:0 18px 50px #0003; }
.nonos-site .nbg-page .nbg-shot-open { display:block; position:relative; overflow:hidden; border-radius:6px; background:#06111c; color:#0d2630; }
.nonos-site .nbg-page .nbg-shot-open:focus-visible { outline:3px solid #84ecda; outline-offset:4px; }
.nonos-site .nbg-page .nbg-shot-open img { display:block; width:100%; height:auto; max-width:100%; margin:0; object-fit:contain; }
.nonos-site .nbg-page .nbg-shot-open > span { display:flex; align-items:center; justify-content:space-between; padding:13px 16px; background:#173b49; color:#c9f9f1; font-size:15px; line-height:1.5; transition:background .15s; }
.nonos-site .nbg-page .nbg-shot-open:hover > span { background:#245363; }
.nonos-site .nbg-page .nbg-shot-open b { font-weight:400; font-size:20px; }
.nonos-site .nbg-page .nbg-shot figcaption { padding:15px 3px 2px; color:#a8c3ce; font-size:15px; line-height:1.75; }
.nonos-site .nbg-page .nbg-shot figcaption a { color:#9de7dc; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
.nonos-site .nbg-page .nbg-check-card { padding:28px; border:1px solid #36515e; border-radius:12px; background:linear-gradient(130deg,#102633,#0a1923); }
.nonos-site .nbg-page .nbg-check-card h3 { margin:18px 0 20px; font-size:23px; line-height:1.25; }
.nonos-site .nbg-page .nbg-check-card p:last-child { margin-bottom:0; }
.nonos-site .nbg-page .nbg-ending { padding:78px 0 90px; background:linear-gradient(150deg,#0a2534,#07151f); border-top:1px solid #31505e; }
.nonos-site .nbg-page .nbg-close-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.75fr); gap:70px; align-items:center; }
.nonos-site .nbg-page .nbg-close-copy h2 { margin:18px 0 24px; font-size:38px; line-height:1.15; }
.nonos-site .nbg-page .nbg-risk-note { border-left:2px solid #609dbe; padding-left:28px; }
.nonos-site .nbg-page .nbg-risk-note h3 { margin:0 0 20px; }
.nonos-site .nbg-page .nbg-sources { margin-top:70px; padding-top:48px; border-top:1px solid #34515d; scroll-margin-top:calc(var(--nonos-header-height,118px) + 28px); }
.nonos-site .nbg-page .nbg-sources h2 { margin-bottom:24px; }
.nonos-site .nbg-page .nbg-sources > .elementor-widget-text-editor { max-width:960px; }
.nonos-site .nbg-page .nbg-source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; margin:28px 0; }
.nonos-site .nbg-page .nbg-source-item p { font-size:16px !important; line-height:1.7; padding:13px 0; margin:0; border-bottom:1px solid #2a4550; }
.nonos-site .nbg-lightbox { width:min(1500px,96vw); max-width:96vw; max-height:94vh; padding:0; border:1px solid #51798c; border-radius:12px; background:#071822; color:#eaf8f9; box-shadow:0 30px 100px #0009; }
.nonos-site .nbg-lightbox::backdrop { background:#01080eef; backdrop-filter:blur(4px); }
.nonos-site .nbg-lightbox-bar { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 22px; background:#0b2430; border-bottom:1px solid #315260; }
.nonos-site .nbg-lightbox-bar h2 { font:600 18px/1.4 Arial,Helvetica,sans-serif !important; letter-spacing:0; margin:0; }
.nonos-site .nbg-lightbox-bar form { margin:0; }
.nonos-site .nbg-lightbox-bar button { padding:10px 15px; min-height:44px; border:1px solid #547785; border-radius:5px; background:#143a47; color:#e0fff6; cursor:pointer; white-space:nowrap; }
.nonos-site .nbg-lightbox-bar button:focus-visible { outline:2px solid #98eedd; outline-offset:3px; }
.nonos-site .nbg-lightbox > img { display:block; width:auto; max-width:100%; height:auto; max-height:calc(90vh - 160px); object-fit:contain; margin:0 auto; background:#081923; }
.nonos-site .nbg-lightbox-note { padding:18px 22px; border-top:1px solid #315260; }
.nonos-site .nbg-lightbox-note p { font-size:16px !important; line-height:1.65; margin:0 0 10px; color:#b4d0dc; }
.nonos-site .nbg-lightbox-note a { color:#9feadf; font-size:16px; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1150px) {
 .nonos-site .nbg-page .nbg-hero-grid { grid-template-columns:minmax(0,1fr) minmax(300px,.8fr); gap:34px; }
 .nonos-site .nbg-page .nbg-token-card { padding:26px; }
 .nonos-site .nbg-page .nbg-journey { grid-template-columns:180px minmax(0,1fr); gap:36px; }
 .nonos-site .nbg-page .nbg-step,.nonos-site .nbg-page .nbg-step.nbg-step-portrait { grid-template-columns:minmax(0,1fr); }
 .nonos-site .nbg-page .nbg-step-portrait .nbg-shot { max-width:380px; }
}
@media(max-width:900px) {
 .nonos-site .nbg-page .nbg-hero { padding:62px 0; }
 .nonos-site .nbg-page .nbg-hero-grid { grid-template-columns:minmax(0,1fr); gap:34px; }
 .nonos-site .nbg-page .nbg-hero-copy { max-width:740px; }
 .nonos-site .nbg-page .nbg-token-card { max-width:680px; }
 .nonos-site .nbg-page .nbg-journey { grid-template-columns:minmax(0,1fr); gap:38px; padding-top:42px; }
 .nonos-site .nbg-page .nbg-rail { position:static; }
 .nonos-site .nbg-page .nbg-jump { display:flex; overflow-x:auto; gap:12px; padding:8px 0 18px; border:0; border-bottom:1px solid #2b4a56; scrollbar-color:#547d8d #0a1c26; }
 .nonos-site .nbg-page .nbg-jump > p { display:none; }
 .nonos-site .nbg-page .nbg-jump > a { flex:0 0 auto; gap:8px; padding:9px 13px; background:#102b39; border:1px solid #315364; border-radius:5px; }
 .nonos-site .nbg-page .nbg-jump > .nbg-jump-source { margin:0; padding:9px 13px; }
 .nonos-site .nbg-page .nbg-step { padding-bottom:48px; margin-bottom:48px; }
 .nonos-site .nbg-page .nbg-close-grid { grid-template-columns:minmax(0,1fr); gap:36px; }
 .nonos-site .nbg-page .nbg-risk-note { padding-left:24px; }
}
@media(max-width:600px) {
 .nonos-site .nbg-page .nbg-title h1.elementor-heading-title,.nonos-site .nbg-page h1.nbg-title { font-size:46px; line-height:1.1; }
 .nonos-site .nbg-page .nbg-token-card { padding:24px; }
 .nonos-site .nbg-page .nbg-contract { padding:17px; }
 .nonos-site .nbg-page .nbg-contract code { font-size:15px; }
 .nonos-site .nbg-page h2.nbg-step-title { font-size:28px; }
 .nonos-site .nbg-page .nbg-source-grid { grid-template-columns:minmax(0,1fr); }
 .nonos-site .nbg-page .nbg-check-card { padding:24px; }
 .nonos-site .nbg-page .nbg-shot { padding:8px; }
 .nonos-site .nbg-page .nbg-shot figcaption { padding:13px 5px 3px; }
 .nonos-site .nbg-page .nbg-actions { align-items:stretch; }
 .nonos-site .nbg-page .nbg-actions > .elementor-widget-button,.nonos-site .nbg-page .nbg-actions > a { width:100%; }
 .nonos-site .nbg-page .nbg-actions .elementor-button { width:100%; justify-content:center; }
 .nonos-site .nbg-page .nbg-close-copy h2 { font-size:32px; }
 .nonos-site .nbg-lightbox-bar { padding:12px; gap:12px; }
 .nonos-site .nbg-lightbox-note { padding:16px; }
 .nonos-site .nbg-lightbox > img { max-height:calc(90vh - 190px); }
}
@media(prefers-reduced-motion:reduce) { .nonos-site .nbg-page .nbg-shot-open > span { transition:none; } }