/* NetheriteTrade case. All presentation is scoped to this page. */
.netherite-page { background: #fcfaf7; }
.nt-case { --nt-ink:#201b18; --nt-muted:#69615b; --nt-copper:#a14d26; --nt-gold:#f1ba7b; color:var(--nt-ink); padding:18px 0 80px; }
.nt-case *, .nt-case *::before, .nt-case *::after { box-sizing:border-box; }
.nt-case p { font-size:17px; line-height:1.75; margin:0 0 20px; }
.nt-case h2 { font-size:clamp(32px,4.2vw,56px); line-height:1.09; font-weight:600; letter-spacing:-.045em; margin:0 0 26px; }
.nt-case h3 { font-size:22px; font-weight:600; line-height:1.3; letter-spacing:-.025em; margin:0 0 12px; }
.nt-case em { font-style:normal; color:var(--nt-copper); }
.nt-case a { color:inherit; }
.nt-case img { max-width:100%; display:block; height:auto; }
.nt-case figure { margin:0; }
.nt-case .breadcrumb { flex-wrap:wrap; gap:6px 0; margin-bottom:30px; }
.nt-case .breadcrumb__link--current { color:#8b522b; }
.nt-case .nt-eyebrow { font-size:12px; font-weight:600; line-height:1.5; letter-spacing:.13em; text-transform:uppercase; margin-bottom:24px; }
.nt-skip { position:fixed; top:-100px; left:20px; z-index:9999; padding:15px; color:#201b18; background:white; }
.nt-skip:focus { top:12px; }
.nt-case :is(a,button):focus-visible { outline:3px solid #d7813d; outline-offset:5px; }
.nt-hero { position:relative; isolation:isolate; overflow:hidden; border-radius:30px; padding:50px 48px 0; background:#171411; color:#fff8ef; }
.nt-hero::before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 91% 40%,#8b371947,transparent 55%),radial-gradient(ellipse at 5% 100%,#b2752330,transparent 50%); }
.nt-hero-top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:42px; }
.nt-case .nt-hero-top .nt-eyebrow { margin:0; color:#cfb9a3; }
.nt-year-badge { border:1px solid #ffffff35; border-radius:99px; padding:9px 14px; color:#f5c995; font-size:12px; white-space:nowrap; }
.nt-hero-grid { display:grid; grid-template-columns:1.04fr 1fr; gap:26px; align-items:center; }
.nt-case .nt-product-name { color:#d7bda5; font-size:20px; letter-spacing:-.02em; margin-bottom:20px; }
.nt-case .project-title { font-size:clamp(38px,4.5vw,62px); line-height:1.02; letter-spacing:-.055em; margin:0 0 24px; color:#fff8ef; font-weight:600; }
.nt-hero em { color:var(--nt-gold); }
.nt-case .nt-hero-lead { color:#c7bcb1; max-width:535px; font-size:17px; line-height:1.7; }
.nt-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:19px; margin:30px 0 42px; }
.nt-button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; padding:19px 23px; border-radius:99px; text-decoration:none; background:#f4c58d; color:#241710!important; font-size:14px; font-weight:600; line-height:1.4; border:0; cursor:pointer; }
.nt-button span { font-size:22px; }
.nt-text-link { text-decoration:none; font-size:13px; border-bottom:1px solid #8c7460; padding:5px 0; }
.nt-hero-visual { position:relative; min-width:0; margin:0 -25px 0 -12px; }
.nt-hero-visual a { display:block; border-radius:20px; overflow:hidden; }
.nt-hero-visual img { width:100%; }
.nt-hero-visual figcaption { color:#b2a499; font-size:11px; line-height:1.6; text-align:center; margin:9px 12px 20px; }
.nt-hero-footer { display:flex; gap:18px; align-items:center; justify-content:space-between; border-top:1px solid #ffffff26; padding:22px 0; color:#bdad9e; font-size:12px; line-height:1.6; }
.nt-hero-footer span:first-child { color:#efc28e; }
.nt-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:34px 0; gap:28px; border-bottom:1px solid #e4ddd4; }
.nt-facts div+div { border-left:1px solid #e4ddd4; padding-left:27px; }
.nt-facts strong { font-size:25px; line-height:1.2; letter-spacing:-.04em; font-weight:600; display:block; margin-bottom:9px; }
.nt-facts p { margin:0; font-size:13px; line-height:1.6; color:var(--nt-muted); }
.nt-nav { display:flex; flex-wrap:wrap; gap:10px 25px; padding:27px 0; border-bottom:1px solid #e4ddd4; }
.nt-nav a { font-size:13px; text-decoration:none; padding:5px 0; color:var(--nt-muted); }
.nt-section { margin:100px 0; scroll-margin-top:35px; }
.nt-intro { display:grid; grid-template-columns:.6fr 1fr; gap:85px; padding:0 24px; }
.nt-intro-mark { color:var(--nt-copper); }
.nt-case .nt-year { display:block; font-size:clamp(80px,12vw,160px); font-weight:600; line-height:1; letter-spacing:-.08em; margin-bottom:15px; }
.nt-intro-mark p { font-size:14px; max-width:210px; }
.nt-intro-copy>p:not(.nt-eyebrow) { color:var(--nt-muted); }
.nt-delivery { display:flex; flex-wrap:wrap; gap:8px; margin-top:25px; }
.nt-delivery span { font-size:12px; line-height:1.5; padding:9px 13px; border:1px solid #ddd1c4; border-radius:99px; color:#634c39; }
.nt-options { background:#efe7dc; border:1px solid #e3d7c9; border-radius:26px; padding:46px; }
.nt-options-top { display:grid; grid-template-columns:1.1fr 1fr; gap:60px; }
.nt-options-top p { color:#655a50; }
.nt-option-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:30px; }
.nt-option-grid div { border-top:1px solid #cdbda9; padding-top:20px; }
.nt-option-grid span { color:#89542d; font-size:12px; letter-spacing:.05em; }
.nt-option-grid h3 { font-size:19px; margin:8px 0; }
.nt-option-grid p { color:#655a50; font-size:14px; margin:0; line-height:1.65; }
.nt-case .nt-source { font-size:11px; margin:22px 0 0; color:#77695e; }
.nt-heading-row { display:grid; grid-template-columns:1.2fr 1fr; gap:75px; align-items:end; margin-bottom:36px; }
.nt-heading-row h2 { margin-bottom:0; }
.nt-heading-row>p { margin:0; color:var(--nt-muted); }
.nt-terminal-stage { border:1px solid #36271e; border-radius:26px; background:radial-gradient(ellipse at 50% 100%,#603016,#171411 65%); padding:40px 38px 22px; }
.nt-terminal-stage a { display:block; }
.nt-terminal-stage img { width:100%; border-radius:14px; box-shadow:0 20px 60px #0005; }
.nt-terminal-stage figcaption { color:#c0afa0; font-size:12px; line-height:1.6; margin-top:20px; display:flex; justify-content:space-between; gap:20px; }
.nt-terminal-stage figcaption span { color:#e3b17e; }
.nt-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:32px; }
.nt-capabilities>div { border-top:1px solid #ddd1c4; padding-top:20px; }
.nt-capabilities h3 { font-size:18px; }
.nt-capabilities p { color:var(--nt-muted); font-size:14px; margin:0; }
.nt-ux-callout { display:grid; grid-template-columns:.65fr 1fr; gap:50px; padding:36px 38px; margin-top:42px; border:1px solid #dcc9b1; background:#eee1ce; border-radius:24px; }
.nt-case .nt-one-click { display:block; font-size:clamp(48px,6vw,76px); font-weight:600; line-height:1; letter-spacing:-.06em; color:#925426; margin:0 0 14px; }
.nt-case .nt-one-click-caption { color:#7a624c; font-size:13px; max-width:200px; line-height:1.6; margin-bottom:0; }
.nt-ux-callout h3 { font-size:30px; letter-spacing:-.04em; margin-bottom:20px; }
.nt-ux-callout p:not(.nt-eyebrow):not(.nt-one-click-caption) { font-size:15px; color:#67523f; }
.nt-ux-flow { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; color:#8d552d; font-size:11px; line-height:1.5; margin-top:24px; }
.nt-ux-flow span:not([aria-hidden]) { border:1px solid #cdb395; padding:8px 11px; border-radius:99px; }
.nt-mobile { background:#171411; color:#fff8ef; border-radius:30px; padding:50px 44px 36px; overflow:hidden; }
.nt-mobile em { color:var(--nt-gold); }
.nt-mobile .nt-eyebrow { color:#caac8d; }
.nt-mobile .nt-heading-row>p { color:#bfb2a5; }
.nt-phones { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; align-items:start; padding:28px 50px 0; }
.nt-phone a { display:block; max-width:255px; margin:auto; border-radius:26px; overflow:hidden; box-shadow:0 25px 50px #0005; }
.nt-phone img { width:100%; }
.nt-phone:nth-child(2) { padding-top:35px; }
.nt-phone figcaption { margin-top:23px; font-size:13px; line-height:1.6; color:#baa999; }
.nt-phone figcaption strong { display:block; color:#f4e6d6; font-size:15px; font-weight:500; margin-bottom:5px; }
.nt-mobile-note { border-top:1px solid #ffffff24; padding-top:24px; margin-top:38px; font-size:12px; line-height:1.7; color:#bca896; }
.nt-swipe-note { display:none; }
.nt-ecosystem-top { max-width:820px; }
.nt-ecosystem-top>p:not(.nt-eyebrow) { color:var(--nt-muted); }
.nt-ecosystem-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:35px; }
.nt-module { padding:27px 26px; background:#f2ece4; border:1px solid #e3d8cc; border-radius:22px; }
.nt-module>span { display:block; font-size:12px; color:#9e724c; margin-bottom:20px; }
.nt-module p { font-size:14px; color:var(--nt-muted); margin-bottom:22px; }
.nt-module-image { display:flex; align-items:center; min-height:150px; background:#191715; border-radius:14px; overflow:hidden; }
.nt-module-image img { width:100%; }
.nt-account { display:grid; grid-template-columns:1fr 1.25fr; gap:60px; margin-top:54px; align-items:center; }
.nt-account p { color:var(--nt-muted); }
.nt-account a { display:block; border-radius:20px; overflow:hidden; }
.nt-landing { display:grid; grid-template-columns:.9fr 1.1fr; gap:65px; align-items:center; }
.nt-landing-copy p:not(.nt-eyebrow) { color:var(--nt-muted); }
.nt-landing-proof { position:relative; border-radius:25px; padding:30px 24px 0; background:#e7d8c7; overflow:hidden; }
.nt-landing-desktop { display:block; width:88%; box-shadow:0 14px 40px #36271926; border-radius:12px 12px 0 0; overflow:hidden; }
.nt-landing-mobile { display:block; position:absolute; width:28%; bottom:0; right:20px; border:5px solid #352a21; border-bottom:0; border-radius:22px 22px 0 0; overflow:hidden; box-shadow:0 15px 45px #29180760; }
.nt-landing-proof figcaption { font-size:11px; color:#705541; line-height:1.6; padding:16px 33% 18px 0; }
.nt-result { background:#efe4d5; border:1px solid #dfcdb7; border-radius:28px; padding:48px; }
.nt-result-lead { max-width:800px; color:#6a5746; }
.nt-result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; margin-top:38px; }
.nt-result-grid>div { border-top:1px solid #cbb397; padding-top:23px; }
.nt-result-grid>div>span { display:block; color:#985a2c; font-size:31px; letter-spacing:-.04em; margin-bottom:17px; font-weight:600; }
.nt-result-grid p { color:#6a5746; font-size:14px; margin-bottom:0; }
.nt-stack { border-top:1px solid #cbb397; padding-top:22px; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; font-size:13px; line-height:1.6; color:#72553b; }
.nt-stack strong { font-weight:500; }
.nt-cta { display:grid; grid-template-columns:1.4fr .75fr; gap:65px; align-items:center; padding:15px 24px 0; }
.nt-cta p:not(.nt-eyebrow) { max-width:650px; color:var(--nt-muted); margin-bottom:0; }
.nt-cta-actions { display:flex; flex-direction:column; gap:24px; }
.nt-cta-actions .nt-button { background:#201b18; color:#fff6eb!important; font-size:15px; padding:22px 26px; }
.nt-back { font-size:13px; text-decoration:none; text-align:center; }
@media(hover:hover) { .nt-button:hover { background:#eeb171; } .nt-cta-actions .nt-button:hover { background:#8c4826; } .nt-nav a:hover,.nt-back:hover { color:#a14d26; } .nt-text-link:hover { color:#f1ba7b; } }
@media(max-width:1100px) { .nt-hero { padding:35px 30px 0; } .nt-hero-top { margin-bottom:30px; } .nt-hero-grid { gap:16px; } .nt-case .project-title { font-size:46px; } .nt-intro { gap:45px; } .nt-heading-row { gap:40px; } .nt-phones { padding:20px 20px 0; gap:22px; } .nt-landing { gap:35px; } }
@media(max-width:920px) { .nt-hero-grid { grid-template-columns:1fr; } .nt-hero-copy { max-width:680px; } .nt-hero-visual { max-width:690px; width:100%; margin:0 auto; } .nt-hero-actions { margin-bottom:20px; } .nt-options-top { gap:30px; } .nt-case .project-title { font-size:clamp(43px,7vw,62px); } .nt-landing { grid-template-columns:1fr; } .nt-landing-copy { max-width:670px; } .nt-landing-proof { max-width:760px; width:100%; margin:auto; } .nt-ecosystem-grid { gap:12px; } .nt-module { padding:23px 19px; } }
@media(max-width:768px) { .nt-case p { font-size:16px; } .nt-section { margin:65px 0; } .nt-hero { border-radius:22px; padding:28px 25px 0; } .nt-hero-top { align-items:flex-start; } .nt-case .nt-hero-top .nt-eyebrow { font-size:10px; max-width:155px; } .nt-year-badge { font-size:10px; padding:7px 10px; } .nt-hero-footer { flex-wrap:wrap; gap:6px; font-size:11px; } .nt-facts { grid-template-columns:1fr 1fr; gap:25px 20px; padding:28px 0; } .nt-facts div+div { padding-left:0; border:0; } .nt-facts strong { font-size:24px; } .nt-facts p { font-size:12px; } .nt-nav { gap:9px 22px; padding:21px 0; } .nt-intro { grid-template-columns:1fr; gap:25px; padding:0 8px; } .nt-intro-mark { display:flex; gap:25px; align-items:center; } .nt-case .nt-year { font-size:90px; margin:0; } .nt-intro-mark p { font-size:12px; margin:0; max-width:150px; } .nt-options { padding:30px 25px; } .nt-options-top,.nt-heading-row { grid-template-columns:1fr; gap:20px; } .nt-options-top h2 { margin-bottom:0; } .nt-option-grid { grid-template-columns:1fr 1fr; gap:24px; } .nt-option-grid p { font-size:13px; } .nt-terminal-stage { padding:20px 15px 18px; border-radius:20px; } .nt-terminal-stage figcaption { flex-direction:column; gap:6px; font-size:11px; } .nt-capabilities { gap:20px; } .nt-capabilities h3 { font-size:16px; } .nt-capabilities p { font-size:13px; } .nt-mobile { padding:32px 25px; border-radius:22px; } .nt-phones { padding:10px 0 0; gap:15px; } .nt-phone a { border-radius:16px; } .nt-phone figcaption { font-size:11px; margin-top:15px; } .nt-phone figcaption strong { font-size:13px; } .nt-ecosystem-grid { grid-template-columns:1fr; gap:18px; } .nt-module { display:grid; grid-template-columns:1fr 1fr; gap:0 25px; padding:26px; } .nt-module>span,.nt-module h3,.nt-module p { grid-column:1; } .nt-module>span { margin-bottom:10px; } .nt-module p { margin-bottom:0; } .nt-module-image { grid-column:2; grid-row:1/4; min-height:0; align-self:center; } .nt-account { grid-template-columns:1fr; gap:20px; margin-top:38px; } .nt-account p { margin-bottom:0; } .nt-result { padding:32px 25px; } .nt-result-grid { gap:23px; } .nt-result-grid h3 { font-size:18px; } .nt-result-grid p { font-size:13px; } .nt-result-grid>div>span { font-size:27px; } .nt-cta { grid-template-columns:1fr; gap:30px; padding:0 8px; } .nt-cta-actions { max-width:420px; } }
@media(max-width:540px) { .nt-case .nt-shell { padding:0 15px; } .nt-case h2 { font-size:34px; } .nt-case .project-title { font-size:40px; } .nt-hero { padding:26px 20px 0; } .nt-case .nt-product-name { font-size:17px; margin-bottom:17px; } .nt-case .nt-hero-lead { font-size:15px; } .nt-hero-actions { gap:15px; } .nt-hero-actions .nt-button { font-size:12px; padding:17px 18px; gap:20px; } .nt-hero-actions .nt-text-link { font-size:12px; } .nt-hero-visual { width:calc(100% + 20px); margin-left:-10px; } .nt-facts strong { font-size:21px; } .nt-nav a { font-size:12px; } .nt-options { padding:27px 21px; } .nt-option-grid { gap:22px 17px; } .nt-option-grid h3 { font-size:17px; } .nt-heading-row { margin-bottom:26px; } .nt-capabilities { grid-template-columns:1fr; gap:18px; } .nt-terminal-stage { padding:12px 10px 16px; } .nt-mobile { padding:30px 20px; } .nt-phones { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:22px; padding:8px 4px 22px; scrollbar-width:thin; scrollbar-color:#987153 #31251b; } .nt-phone { flex:0 0 75%; scroll-snap-align:start; min-width:0; } .nt-phone:nth-child(2) { padding-top:0; } .nt-phone a { max-width:235px; border-radius:22px; } .nt-phone figcaption { font-size:12px; max-width:235px; margin:20px auto 0; } .nt-phone figcaption strong { font-size:15px; } .nt-mobile-note { margin-top:10px; } .nt-module { display:block; padding:25px; } .nt-module p { margin-bottom:22px; font-size:14px; } .nt-module-image { min-height:0; } .nt-landing-proof { padding:20px 14px 0; } .nt-landing-mobile { right:12px; border-width:3px; border-radius:15px 15px 0 0; } .nt-landing-proof figcaption { font-size:10px; } .nt-result { padding:30px 22px; } .nt-result-grid { grid-template-columns:1fr; gap:25px; margin-top:30px; } .nt-result-grid>div>span { font-size:30px; margin-bottom:13px; } .nt-result-grid p { font-size:14px; } .nt-stack { flex-direction:column; gap:10px; font-size:12px; } }
@media(max-width:360px) { .nt-case .project-title { font-size:34px; } .nt-case h2 { font-size:30px; } .nt-case .nt-hero-top .nt-eyebrow { max-width:114px; } .nt-year-badge { font-size:9px; padding:7px 8px; } .nt-case .nt-year { font-size:77px; } .nt-intro-mark { gap:15px; } .nt-option-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .nt-case * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
@media(max-width:540px) { .nt-swipe-note { display:inline; } .nt-title-break { display:none; } }
@media(max-width:768px) { .nt-ux-callout { gap:28px; padding:29px 25px; } .nt-ux-callout h3 { font-size:26px; } }
@media(max-width:540px) { .nt-ux-callout { grid-template-columns:1fr; gap:25px; padding:28px 22px; } .nt-case .nt-one-click { font-size:55px; } .nt-case .nt-one-click-caption { max-width:none; } .nt-ux-flow { font-size:10px; gap:7px; } }

.nt-module .nt-referral-note { grid-column:1 / -1; margin:18px 0 0; padding-top:16px; border-top:1px solid #dccdbb; font-size:13px; line-height:1.65; }
@media(max-width:480px) { .nt-case { padding-top:8px; } .nt-case .breadcrumb { font-size:10px; margin-bottom:20px; } }

/* Native modal image preview; separate from the site's lead dialog. */
.netherite-page.nt-preview-open { overflow:hidden; }
.nt-lightbox { width:min(1180px,calc(100vw - 40px)); height:min(900px,calc(100dvh - 40px)); max-width:none; max-height:none; margin:auto; padding:0; border:1px solid #655044; border-radius:22px; background:#171411; color:#fff4e8; box-shadow:0 35px 100px #0008; overflow:hidden; }
.nt-lightbox[open] { display:flex; flex-direction:column; }
.nt-lightbox::backdrop { background:#100c09df; backdrop-filter:blur(8px); }
.nt-lightbox * { box-sizing:border-box; }
.nt-lightbox-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 22px; border-bottom:1px solid #ffffff24; flex-shrink:0; }
.nt-lightbox-header h2 { font:500 15px/1.5 Montserrat,sans-serif; color:#dec4ac; margin:0; }
.nt-lightbox-tools { display:flex; gap:12px; align-items:center; }
.nt-lightbox button { font:500 13px/1.5 Montserrat,sans-serif; border:1px solid #76604c; color:#f3dcc2; background:#30241c; border-radius:99px; cursor:pointer; padding:9px 15px; min-height:42px; }
.nt-lightbox button:focus-visible { outline:3px solid #edb979; outline-offset:3px; }
.nt-lightbox [data-nt-preview-close] { font:300 27px/1 Montserrat,sans-serif; width:42px; height:42px; padding:0; }
.nt-lightbox-stage { display:flex; align-items:center; justify-content:center; flex:1; min-height:0; min-width:0; padding:16px; overflow:hidden; position:relative; }
.nt-lightbox-image { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; border-radius:9px; }
.nt-lightbox-image[hidden] { display:none; }
.nt-lightbox-stage.is-zoomed { display:block; overflow:auto; overscroll-behavior:contain; }
.nt-lightbox-stage.is-zoomed .nt-lightbox-image { max-width:none; max-height:none; width:auto; height:auto; }
.nt-lightbox-status { position:absolute; inset:0; margin:0; display:grid; place-items:center; padding:30px; text-align:center; pointer-events:none; color:#cfb49b; font:400 14px/1.6 Montserrat,sans-serif; }
.nt-lightbox-status:empty { display:none; }
.nt-lightbox-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 22px; border-top:1px solid #ffffff24; flex-shrink:0; }
.nt-lightbox-caption { font:400 12px/1.65 Montserrat,sans-serif; color:#c8b4a0; margin:0; max-width:810px; }
.nt-lightbox-navigation { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.nt-lightbox-navigation button { width:42px; padding:0; font-size:22px; }
.nt-lightbox-count { color:#ebc59b; font:400 12px/1.5 Montserrat,sans-serif; min-width:43px; text-align:center; }
@media(hover:hover) { .nt-lightbox button:hover { background:#654328; } }
@media(max-width:540px) { .nt-lightbox { width:calc(100vw - 16px); height:calc(100dvh - 24px); border-radius:17px; } .nt-lightbox-header { padding:12px; gap:12px; } .nt-lightbox-header h2 { font-size:12px; max-width:130px; } .nt-lightbox-tools { gap:7px; } .nt-lightbox button { font-size:11px; padding:8px 10px; } .nt-lightbox [data-nt-preview-close] { width:38px; height:38px; min-height:38px; font-size:25px; } .nt-lightbox-stage { padding:10px; } .nt-lightbox-footer { flex-direction:column; align-items:stretch; gap:14px; padding:14px; } .nt-lightbox-caption { font-size:11px; max-height:70px; overflow-y:auto; } .nt-lightbox-navigation { justify-content:center; } }