/* Approved palette: variant 2, 20 September 2026. */
.nt-home {
  --paper:#102b40;
  --ink:#f7fcff;
  --text:#eef6fa;
  --accent:#adf1dd;
  --line:#b4e1dc66;
  --v-page:radial-gradient(ellipse 85% 23% at 100% 0%,#2c867659,transparent),radial-gradient(ellipse 80% 25% at 0% 36%,#28546e63,transparent),radial-gradient(ellipse 85% 24% at 100% 72%,#26745f4d,transparent),#102b40;
  --v-header:#102b3d;
  --v-hero:radial-gradient(ellipse at 100% 95%,#43b49429,transparent 68%),linear-gradient(115deg,#142d3f 28%,#16394b 64%,#1d4c50);
  --v-hero-line:#9bdbcd80;
  --v-card:#183a4c;
  --v-surface:linear-gradient(125deg,#19394e,#204954);
  --v-method-text:#f7fcff;
  --v-method:radial-gradient(ellipse at 100% 100%,#4abb9c26,transparent 62%),linear-gradient(120deg,#1d4354,#286360);
  --v-brain:linear-gradient(120deg,#1b4959,#23615a);
  --v-author:linear-gradient(120deg,#1b3f52,#20534f);
  --v-tools:radial-gradient(ellipse at 0% 100%,#53b29b22,transparent 70%),#173b4d;
  --v-footer:linear-gradient(115deg,#112d44,#1e4f50);
  --v-button:linear-gradient(115deg,#b7f2da,#73d4c5);
  --v-button-hover:linear-gradient(115deg,#d1ffe9,#94e7d7);
  --v-button-ink:#123a43;
  --v-button-line:#b2f0df;
  --v-button-shadow:0 5px 24px #51cdb536;
  --v-secondary:linear-gradient(115deg,#22525f,#1e6058);
  --v-secondary-hover:linear-gradient(115deg,#2b6470,#2d746a);
  --v-secondary-ink:#f3fffb;
  --v-secondary-line:#a2ddd0c4;
  --v-menu:radial-gradient(ellipse at 100% 0%,#4b998d33,transparent 75%),linear-gradient(130deg,#1a3955,#20504f);
  --v-menu-tile:#bdd8ee0b;
  --v-menu-hover:linear-gradient(120deg,#3f6b8775,#3a83766b);
  --v-menu-line:#a1e2d49c;
  --v-menu-ink:#f5fcff;
  --v-menu-icon:#b1f7e3;
  --v-nav-cta:linear-gradient(115deg,#245565,#256b60);
  --v-nav-cta-ink:#f7fffb;
  --v-heading-accent:#b6f1df;
  --v-muted:#d3e4eb;
  --v-focus:#c1ffe7;
  --v-panel-shadow:0 6px 18px #00121d33,inset 0 1px 0 #d0fff217;
}

/* Shared colour overrides, sticky navigation and menu backdrop. */
.nt-home { background:var(--v-page); }
.nt-home :focus-visible { outline-color:var(--v-focus); }
.nt-home h1 { color:var(--ink); }
.nt-home h1 span { color:var(--v-heading-accent); }
.nt-home .site-header { background:var(--v-header); border-color:var(--line); }
.nt-home .site-menu { color:var(--v-menu-ink); }
.nt-home .site-menu>.active { color:var(--accent)!important; }
.nt-home .hero { background:var(--v-hero); border-color:var(--v-hero-line); box-shadow:0 14px 45px #041a2e1f; }
.nt-home .hero:after { border-color:#b1dfde1a; box-shadow:0 0 0 50px #a3d7d90a,0 0 0 100px #a3d7d907; }
.nt-home .author-name { color:var(--v-muted); }
.nt-home .hero-point p { color:var(--text); }
.nt-home .hero-point strong { color:var(--ink); }
.nt-home .point-icon { color:var(--accent); stroke:currentColor; }

.nt-home .button {
  background:var(--v-button); color:var(--v-button-ink);
  border-color:var(--v-button-line); box-shadow:var(--v-button-shadow);
}
.nt-home .button:hover { background:var(--v-button-hover); }
.nt-home .button-outline,
.nt-home .read-link {
  background:var(--v-secondary); color:var(--v-secondary-ink);
  border-color:var(--v-secondary-line); box-shadow:none;
}
.nt-home .button-outline:hover,
.nt-home .read-link:hover { background:var(--v-secondary-hover); }
.nt-home .hero-copy .button { box-shadow:var(--v-button-shadow); }

.nt-home .service-card {
  --card-accent:#b0eddd; --card-light:#62c4ad20;
  border-color:var(--line); background:radial-gradient(ellipse at 100% 100%,var(--card-light),transparent 80%),var(--v-card);
  box-shadow:var(--v-panel-shadow);
}
.nt-home .service-card:nth-child(2) { --card-accent:#dbd3f7; --card-light:#aca3dd24; }
.nt-home .service-card:nth-child(3) { --card-accent:#b9e3fc; --card-light:#7cbded25; }
.nt-home .service-card:nth-child(4) { --card-accent:#cdd9ff; --card-light:#8f9ddd29; }
.nt-home .service-card:nth-child(5) { --card-accent:#c7e9ce; --card-light:#82c7a020; }
.nt-home .service-card:nth-child(6) { --card-accent:#b5e9eb; --card-light:#64bfc324; }
.nt-home .service-copy h3 { color:var(--card-accent); }
.nt-home .service-copy h3 a:hover { color:#fff; }
.nt-home .service-copy .read-link { color:var(--v-secondary-ink); }
.nt-home .method-layout { background:var(--v-method); border-color:var(--line); }
.nt-home .method-copy h2 { color:var(--v-method-ink,var(--ink)); }
.nt-home .method-copy>p:not(.method-caption) { color:var(--v-method-text,var(--text)); }
.nt-home .method-caption { color:var(--v-method-text,var(--v-heading-accent)); }
.nt-home .profile-columns>div { background:var(--v-surface); border-color:var(--line); }
.nt-home .profile-columns li { color:var(--text); border-color:var(--line); }
.nt-home .profile-columns li:before { background:var(--accent); }
.nt-home .profile-columns>.profile-brain { background:var(--v-brain); color:var(--v-brain-ink,var(--ink)); }
.nt-home .profile-brain>p,
.nt-home .profile-brain li { color:var(--v-brain-text,var(--text)); }
.nt-home .profile-closing { color:var(--v-heading-accent); }
.nt-home .author-layout { background:var(--v-author); border-color:var(--line); color:var(--v-author-ink,var(--ink)); }
.nt-home .author-copy p { color:var(--v-author-text,var(--text)); }
.nt-home .author-copy>.author-lead { color:var(--v-author-ink,var(--v-heading-accent)); }
.nt-home .author-details>div { border-color:var(--line); }
.nt-home .tool-row { background:var(--v-tools); border-color:var(--line); }
.nt-home .tools-intro { color:var(--v-muted); }
.nt-home .site-footer { background:var(--v-footer); border-color:var(--line); }
.nt-home .footer-intro p,
.nt-home .site-footer li { color:var(--v-muted); }
.nt-home .social-links a { border-color:var(--v-menu-line); color:var(--v-menu-ink); }

/* The same menu, with brighter icons, surfaces and boundaries. */
.nt-home .dropdown-content { background:var(--v-menu); border-color:var(--v-menu-line); }
.nt-home .dropdown-content a { background:var(--v-menu-tile); border-color:var(--line); color:var(--v-menu-ink); }
.nt-home .dropdown-content a:hover { background:var(--v-menu-hover); border-color:var(--v-menu-line); }
.nt-home .nav-icon { background:#bbecf312; border-color:var(--v-menu-line); color:var(--v-menu-icon); }
.nt-home .menu-symbol,
.nt-home .academy-icon { color:var(--v-menu-icon); }
.nt-home .site-menu>.academy-link { background:var(--v-nav-cta); border-color:var(--v-menu-line); color:var(--v-nav-cta-ink); }
.nt-home .academy-copy small { color:var(--v-menu-ink); }
.nt-home .menu-toggle { background:var(--v-menu-tile); border-color:var(--v-menu-line); }
.nt-home .menu-toggle span { background:var(--v-menu-ink); }
.nt-home .nav-dropdown[open]>summary { color:var(--v-menu-ink); }

@media(max-width:960px) {
  .nt-home .site-menu { background:var(--v-menu); border-color:var(--v-menu-line); max-height:calc(100svh - 82px - 0px); }
  .nt-home .site-menu>a:not(.academy-link),
  .nt-home .nav-dropdown>summary { background:var(--v-menu-tile); border-color:var(--v-menu-line); color:var(--v-menu-ink); }
  .nt-home .site-menu>a:not(.academy-link):hover,
  .nt-home .nav-dropdown>summary:hover,
  .nt-home .nav-dropdown[open]>summary { background:var(--v-menu-hover); border-color:var(--v-menu-line); }
  .nt-home .site-menu>.active { color:var(--v-menu-ink)!important; background:var(--v-menu-hover)!important; }
  .nt-home .dropdown-content { background:none; border:0; }
}
/* Header and comparison strip stay sharp above the page backdrop. */
.nt-home { --site-header-height:74px; }
.nt-home .site-header { position:sticky; top:0px; z-index:40; box-shadow:0 5px 18px #071e3024; }
.nt-home .menu-backdrop { position:fixed; inset:0; z-index:30; background:rgb(4 18 33 / 25%); -webkit-backdrop-filter:blur(9px) saturate(.85); backdrop-filter:blur(9px) saturate(.85); }
.nt-home .menu-backdrop[hidden] { display:none; }
.nt-home :where(#main,#services-title,#method,#profile,#author,#tools) { scroll-margin-top:calc(0px + var(--site-header-height) + 14px); }
@media(max-width:960px) { .nt-home { --site-header-height:67px; } }
@media(max-width:700px) { .nt-home { --site-header-height:62px; } }

.nt-home :where(.method-layout,.profile-columns>div,.author-layout,.tool-row) { box-shadow:var(--v-panel-shadow); }

/* Frosted glass: page colours pass through the sticky header. */
.nt-home .site-header {
  background:linear-gradient(115deg,rgba(14,39,57,.73),rgba(24,60,61,.68));
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
  border-bottom:1px solid rgba(186,238,223,.27);
  box-shadow:inset 0 1px 0 #e0fff51c,0 5px 22px #00172b25;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .nt-home .site-header {background:#153446;}
}

/* Compact shared header; learning stays visible before the mobile menu opens. */
.nt-home .site-header .brand img{width:210px}
.nt-home .academy-mobile{display:none}
@media(max-width:960px){
 .nt-home{--site-header-height:58px}
 .nt-home .header-inner{min-height:58px;gap:10px}
 .nt-home .site-header .brand{min-width:0;flex:0 1 205px}
 .nt-home .site-header .brand img{width:100%;max-width:205px}
 .nt-home .academy-mobile{display:flex;flex:none;align-items:center;justify-content:center;margin-left:auto;gap:5px;padding:0 8px;box-sizing:border-box;height:34px;min-height:34px;max-height:34px;border:1px solid #b7ded733;border-radius:8px;background:#c6eddf08;color:#d5e1e5;text-align:left}
 .nt-home .academy-mobile .academy-copy>span{font-size:9px;font-weight:500;line-height:1.4}
 .nt-home .academy-mobile .academy-copy small{display:block;margin:0;font-size:7px;line-height:1.4;color:#adbdc5}
 .nt-home .menu-toggle{width:34px;height:34px;min-width:34px;flex:none;padding:8px;border-radius:8px;border-color:#b7ded733;background:#c6eddf08}
 .nt-home .menu-toggle span{width:16px;height:1px}
}
@media(max-width:700px){
 .nt-home .header-inner{gap:7px;width:calc(100% - 24px)}
 .nt-home .site-header .brand{flex-basis:170px}
 .nt-home .academy-mobile{padding:0 7px}
}
@media(max-width:360px){
 .nt-home .header-inner{gap:6px;width:calc(100% - 20px)}
 .nt-home .site-header .brand{flex-basis:126px}
 .nt-home .academy-mobile{padding:0 6px;gap:4px}
 .nt-home .academy-mobile .academy-copy>span{font-size:8.5px}
 .nt-home .academy-mobile .academy-copy small{font-size:6.5px}
}

.nt-home .academy-mobile-icon{width:13px;height:13px;flex:0 0 13px;color:#b6c8d0}
.nt-home .academy-mobile:hover{background:#d3e8ee12;border-color:#c6e0e25c}