/* ============================================================
   Nestiy — "Glass" theme
   Dark, techie and dynamic: near-black canvas, flowing light ribbons (assets/js/fx.js),
   frosted-glass panels, lime accent, mono status tags and serif-italic accents.
   Loaded after the other stylesheets on every page; remove the <link> to switch it off.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --bg:#060807;
  --bg-2:#0B0F0C;
  --lime:#C4F24A;
  --lime-ink:#0B1105;
  --forest:#F2F6EE;            /* headings & strong text */
  --forest-2:#0E1310;
  --primary:#B8EE45;           /* actions & icons */
  --primary-dark:#D2F77F;      /* accent text on dark */
  --primary-light:#8FD14F;
  --mint-50:rgba(255,255,255,0.025);
  --mint-100:rgba(184,238,69,0.09);
  --mint-200:rgba(184,238,69,0.16);
  --line:rgba(255,255,255,0.09);
  --ink:#E2E8E0;
  --muted:#8F9C95;
  --white:rgba(16,21,18,0.62);  /* glass surface */
  --glass-strong:rgba(14,19,16,0.9);
  --gold:#F2B84B; --gold-100:rgba(242,184,75,0.13);
  --red:#FF6B5E; --red-100:rgba(255,107,94,0.13);
  --font-head:'Inter Tight','Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --font-serif:'Instrument Serif',Georgia,serif;
  --shadow-soft:0 30px 60px -30px rgba(0,0,0,0.85);
  --shadow-tight:0 12px 28px -14px rgba(0,0,0,0.75);
  --glow:0 0 0 1px rgba(196,242,74,0.35), 0 18px 50px -18px rgba(196,242,74,0.35);
  color-scheme:dark;
}

/* ---------- canvas & base ---------- */
html{
  background-color:var(--bg);
  background-image:radial-gradient(rgba(255,255,255,0.07) 1px, transparent 1.3px);
  background-size:28px 28px;
  background-attachment:fixed;
}
body{ background:transparent; color:var(--ink); }
#nestiyFx{ position:fixed; inset:0; width:100vw; height:100vh; z-index:-1; pointer-events:none; }
::selection{ background:var(--lime); color:var(--lime-ink); }
a{ transition:color .15s ease; }

h1, h2, h3, h4{ letter-spacing:-0.025em; }
h1{ font-weight:600; letter-spacing:-0.04em; line-height:1.02; }
h2{ font-weight:600; letter-spacing:-0.035em; line-height:1.08; }
em.accent, .accent{
  font-family:var(--font-serif); font-style:italic; font-weight:400;
  letter-spacing:-0.01em; color:#fff; padding-right:0.04em;
}
.lime{ color:var(--lime); }
.lede{ color:#A3AFA8; }

/* ---------- sections ---------- */
.section-mint{ background:linear-gradient(180deg, transparent, rgba(255,255,255,0.018) 18%, rgba(255,255,255,0.018) 82%, transparent); }
.section-forest{ background:linear-gradient(180deg, rgba(196,242,74,0.035), rgba(255,255,255,0.01)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.section-forest h2, .section-forest h3{ color:#fff; }
.hero, .page-hero{ background:transparent; }

.page-hero{ position:relative; overflow:hidden; }
.page-hero > .container{ position:relative; }

/* mono status tags (the "kicker" above headings) */
.kicker, .feature-row-tag, .sol-pill, .ai-tag, .soon-badge{
  font-family:var(--font-mono) !important; font-weight:500 !important; letter-spacing:0.01em;
  text-transform:lowercase;
}
.kicker{
  background:rgba(255,255,255,0.035); border:1px solid var(--line); color:#CBD5CC;
  font-size:0.74rem; padding:6px 12px 6px 10px; border-radius:8px;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
.kicker svg, .kicker img{ color:var(--lime); }
.kicker::before{ content:''; width:6px; height:6px; border-radius:1px; background:var(--lime); box-shadow:0 0 10px var(--lime); flex-shrink:0; }
.kicker svg, .kicker img{ display:none; }
.feature-row-tag, .sol-pill, .ai-tag{ border-radius:7px; font-size:0.72rem; }

/* ---------- buttons ---------- */
.btn{ font-family:var(--font-head); font-weight:600; letter-spacing:-0.01em; }
.btn-primary{ background:var(--lime); color:var(--lime-ink); box-shadow:0 0 0 0 rgba(196,242,74,0); }
.btn-primary:hover{ background:#D4FA6A; color:var(--lime-ink); box-shadow:0 10px 34px -10px rgba(196,242,74,0.65); }
.btn-outline{ background:rgba(255,255,255,0.03); border-color:rgba(255,255,255,0.14); color:#EEF3EA; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.btn-outline:hover{ border-color:rgba(196,242,74,0.6); color:var(--lime); background:rgba(196,242,74,0.06); }
.btn-gold{ background:var(--gold); color:#1b1204; border-color:var(--gold); }
.tool-btn{ background:rgba(255,255,255,0.04); border-color:var(--line); color:#E6ECE3; }
.tool-btn:hover{ border-color:rgba(196,242,74,0.5); color:var(--lime); }
.tool-btn.active, #wpBoldBtn.active{ background:var(--lime); color:var(--lime-ink); border-color:var(--lime); }
.tool-select, .tool-color{ background:rgba(255,255,255,0.05); color:var(--ink); border-color:var(--line); }
.tool-select option{ background:#111612; color:var(--ink); }

/* ---------- header ---------- */
.site-header{
  background:rgba(6,8,7,0.55); border-bottom:1px solid rgba(255,255,255,0.07);
  backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%);
}
.brand span{ color:#fff; letter-spacing:-0.02em; }
.brand-mark{ filter:drop-shadow(0 0 10px rgba(196,242,74,0.25)); }
.main-nav a{ color:#9DA9A2; }
.main-nav a:hover{ background:rgba(255,255,255,0.05); color:#fff; }
.main-nav a.active{ background:rgba(196,242,74,0.10); color:var(--lime); }
.nav-drop-menu{
  background:var(--glass-strong); border-color:rgba(255,255,255,0.1);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); box-shadow:0 30px 70px -20px rgba(0,0,0,0.9);
}
.nav-drop-menu strong{ color:#fff; }
.nav-drop-menu .ic{ background:rgba(196,242,74,0.10) !important; color:var(--lime) !important; }
.nav-toggle{ background:rgba(255,255,255,0.05); border-color:var(--line); }
.nav-toggle span, .nav-toggle::before, .nav-toggle::after{ background:#E8EEE5; }
.sys-pill{
  display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:0.72rem; color:#C9D3CA;
  border:1px solid var(--line); background:rgba(255,255,255,0.03); padding:6px 12px; border-radius:999px; white-space:nowrap;
}
.sys-pill i{ width:7px; height:7px; border-radius:50%; background:#6b756f; flex-shrink:0; }
.sys-pill.ok i{ background:var(--lime); box-shadow:0 0 0 0 rgba(196,242,74,0.6); animation:fxPulse 2.4s ease-out infinite; }
.sys-pill.down i{ background:var(--gold); }
@keyframes fxPulse{ 0%{ box-shadow:0 0 0 0 rgba(196,242,74,0.55); } 70%{ box-shadow:0 0 0 7px rgba(196,242,74,0); } 100%{ box-shadow:0 0 0 0 rgba(196,242,74,0); } }
@media (max-width: 1180px){ .sys-pill{ display:none; } }
@media (max-width: 980px){
  .main-nav{ background:var(--glass-strong) !important; border:1px solid var(--line); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
}

/* ---------- glass surfaces ---------- */
.feature-card, .step, .stat-row, .adm-card, .adm-stat, .wp-action-card, .wp-item-row, .tool-shell,
.ai-card, .hero-browser, .hero-float-card, .wp-demo-frame, .soon-card, .footer-contact-box, .wp-plan-strip,
.mini-tag, .floating-tip, .wp-hero-link, .wp-dashboard, .wp-topbar, .flow-panel, .wp-app{
  background:var(--white);
  border-color:rgba(255,255,255,0.09);
  backdrop-filter:blur(16px) saturate(130%); -webkit-backdrop-filter:blur(16px) saturate(130%);
}
.feature-card, .wp-action-card, .ai-card, .step{ position:relative; overflow:hidden; }
.fx-glow::after{
  content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; transition:opacity .25s ease;
  background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(196,242,74,0.10), transparent 45%);
}
.fx-glow:hover::after{ opacity:1; }
.feature-card:hover, .wp-action-card:hover{ border-color:rgba(196,242,74,0.35); box-shadow:0 24px 60px -30px rgba(196,242,74,0.35); transform:translateY(-4px); background:var(--white); }
.feature-card .icon, .step .step-index, .wp-action-card .icon{ background:rgba(196,242,74,0.10) !important; color:var(--lime) !important; border-color:rgba(196,242,74,0.2) !important; }
.feature-card .go{ color:var(--lime); }
.feature-card .thumb, .sol-grid-2 .feature-card .thumb{ background:#0d110e; border-color:var(--line); }
.feature-card .thumb.wide{ background:#fff; }
.stat-row{ background:rgba(255,255,255,0.06); }
.stat-cell{ background:rgba(10,14,11,0.72); }
.stat-cell .num{ color:#fff; letter-spacing:-0.04em; font-weight:600; }
.stat-cell .num span{ color:var(--lime); }
.check-list li svg{ color:var(--lime); }
.check-list li{ color:#D5DDD4; }

/* screenshots & phones */
.phone{ background:#0E1310; border:1px solid rgba(255,255,255,0.12); box-shadow:0 40px 80px -30px rgba(0,0,0,0.9), 0 0 60px -20px rgba(196,242,74,0.25); }
.feature-row-media .frame{ background:linear-gradient(160deg, rgba(196,242,74,0.08), rgba(255,255,255,0.02)); border-color:var(--line); }
.feature-row{ border-bottom-color:var(--line); }
.hero-browser .browser-bar{ background:rgba(255,255,255,0.03); border-bottom:1px solid var(--line); }
.hero-browser .browser-bar span{ background:rgba(255,255,255,0.18); }
.split-media img, .feature-row-media img{ box-shadow:0 30px 70px -30px rgba(0,0,0,0.9); }

/* ---------- CTA band: lime, like the last section of the reference ---------- */
.cta-band{ background:var(--lime); box-shadow:0 40px 120px -40px rgba(196,242,74,0.55); }
.cta-band::after{ background:radial-gradient(600px 300px at 90% 0%, rgba(255,255,255,0.45), transparent 60%); }
.cta-band h2{ color:var(--lime-ink); }
.cta-band p{ color:rgba(11,17,5,0.72); }
.cta-band .btn-light{ background:var(--lime-ink); color:var(--lime); }
.cta-band .btn-light:hover{ background:#000; }
.cta-band .btn-ghost-invert{ background:transparent; color:var(--lime-ink); border-color:rgba(11,17,5,0.35); }
.cta-band .btn-ghost-invert:hover{ background:rgba(11,17,5,0.08); }
.cta-band .store-badge{ background:var(--lime-ink); color:#fff; }
.store-badge{ background:#0E1310; color:#fff; border-color:rgba(255,255,255,0.12); }
.store-badge:hover{ background:#151b17; }

/* ---------- footer ---------- */
.site-footer{ background:rgba(3,5,4,0.78); border-top:1px solid var(--line); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.footer-brand .brand span, .footer-col h4, .footer-contact-box a.email, .footer-col a:hover, .footer-bottom a:hover{ color:#fff; }
.footer-col h4{ font-family:var(--font-mono); font-weight:500; font-size:0.74rem; text-transform:lowercase; color:#9DA9A2; }

/* ---------- AI section & home pieces ---------- */
.ai-intro strong, .ai-step strong{ color:#fff; }
.ai-step > span{ background:var(--lime); color:var(--lime-ink); }
.ai-mock, .ai-deal-list{ background:#F7FAF5; color:#0f241a; }
.ai-mock-bar strong, .ai-mock-body h4{ color:#0C3A2B; }
.ai-mock-body h4{ color:#146B44; }
.ai-deal-head{ color:#0C3A2B; }
.ai-deal-row b, .ai-deal-save b{ color:#146B44; }
.ai-deal-row{ background:#F0F7F2; border-color:#DCEFE3; }
.ai-mock-task{ background:#F2F8F4; border-color:#DCEFE3; color:#5C7568; }
.ai-mock-task b, .ai-mock-body p, .ai-mock-body ol{ color:#0f241a; }
.ai-mock-bar em, .ai-sources, .ai-deal-save{ color:#5C7568; }
.ai-mock-bar{ border-color:#DCEFE3; }
.ai-sent{ background:#E3F4E9; color:#146B44; }
.sol-pill.blue{ background:rgba(110,170,255,0.12); color:#9CC4FF; }
.sol-sub a{ color:#fff; }
.sol-group{ border-top-color:var(--line); }
.wp-hero-link .ic.blue, .wp-item-row .type-icon.minutes{ background:rgba(110,170,255,0.12); color:#9CC4FF; }
.wp-hero-link{ color:#E6ECE3; }

/* ---------- new home hero: live flow panel ---------- */
.flow-panel{
  position:relative; border:1px solid rgba(255,255,255,0.1); border-radius:22px; overflow:hidden;
  box-shadow:0 50px 100px -40px rgba(0,0,0,0.95);
}
.flow-head{
  display:flex; align-items:center; gap:14px; padding:14px 18px; border-bottom:1px solid var(--line);
  font-size:0.82rem; color:#B9C4BC;
}
.flow-head .mono{ font-family:var(--font-mono); font-size:0.72rem; color:#8F9C95; }
.flow-head .run{ margin-left:auto; color:var(--lime); display:inline-flex; align-items:center; gap:6px; }
.flow-head .run::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px var(--lime); }
.flow-body{ position:relative; height:330px; }
.flow-body svg{ position:absolute; inset:0; width:100%; height:100%; }
.flow-body path{ fill:none; stroke:rgba(196,242,74,0.55); stroke-width:1.4; }
.flow-body path.dash{ stroke:var(--lime); stroke-dasharray:4 10; animation:flowDash 1.6s linear infinite; filter:drop-shadow(0 0 4px rgba(196,242,74,0.8)); }
@keyframes flowDash{ to{ stroke-dashoffset:-28; } }
.flow-node{
  position:absolute; min-width:150px; padding:10px 12px; border-radius:12px;
  background:rgba(20,26,22,0.92); border:1px solid rgba(255,255,255,0.1); box-shadow:0 14px 30px -14px rgba(0,0,0,0.9);
  font-size:0.8rem; color:#F1F5EE; transform:translate(-50%, -50%);
  animation:nodeIn .6s ease both;
}
.flow-node small{ display:block; font-family:var(--font-mono); font-size:0.66rem; color:#7f8c85; margin-top:3px; }
.flow-node.hot{ border-color:rgba(196,242,74,0.55); box-shadow:0 0 0 1px rgba(196,242,74,0.25), 0 0 34px -8px rgba(196,242,74,0.55); }
.flow-node.hot small{ color:var(--lime); }
.flow-node::before, .flow-node::after{ content:''; position:absolute; top:50%; width:6px; height:6px; margin-top:-3px; border-radius:50%; background:#cfd8cf; }
.flow-node::before{ left:-3px; } .flow-node::after{ right:-3px; }
.flow-chip{
  position:absolute; transform:translate(-50%, -50%); font-family:var(--font-mono); font-size:0.66rem; color:#C9D3CA;
  background:rgba(255,255,255,0.05); border:1px solid var(--line); padding:2px 7px; border-radius:6px;
}
.flow-tools{ position:absolute; left:14px; top:14px; display:flex; flex-direction:column; gap:6px; }
.flow-tools span{ width:26px; height:26px; border-radius:7px; border:1px solid var(--line); background:rgba(255,255,255,0.04); display:flex; align-items:center; justify-content:center; color:#9DA9A2; }
.flow-tools svg{ width:13px; height:13px; }
@keyframes nodeIn{ from{ opacity:0; transform:translate(-50%, -40%); } to{ opacity:1; transform:translate(-50%, -50%); } }
.home-hero-visual .flow-panel{ margin-left:70px; }
.home-hero-visual .phone.home-phone{ bottom:-20px; }
@media (max-width: 980px){ .home-hero-visual .flow-panel{ margin-left:40px; } }
@media (max-width: 520px){
  .home-hero-visual .flow-panel{ margin-left:0; }
  .flow-body{ height:300px; }
  .flow-node{ min-width:118px; font-size:0.72rem; padding:8px 9px; }
  .flow-tools{ display:none; }
  .home-hero-visual .phone.home-phone{ display:none; }
}

/* ---------- forms, modals, menus ---------- */
.modal-overlay{ background:rgba(2,3,2,0.66); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.modal-box{ background:var(--glass-strong); border:1px solid rgba(255,255,255,0.1); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); box-shadow:0 50px 120px -30px rgba(0,0,0,0.95); }
.modal-close{ background:rgba(255,255,255,0.05); }
.modal-field input, .modal-field select, .modal-field textarea, .adm-search, .adm-field input, .adm-plans-table input[type=text],
.adm-plans-table input[type=number], .wp-share-row .em, .wp-task-fields input, #modalShare textarea, .wp-scale-field input,
.wp-pick-input, .wp-workspace-name, .wp-item-title, input[type=email], input[type=text], input[type=password], input[type=date], input[type=time], textarea{
  background:rgba(255,255,255,0.045); color:var(--ink); border-color:rgba(255,255,255,0.12);
}
.modal-field input:focus, .adm-search:focus{ border-color:var(--lime); box-shadow:0 0 0 3px rgba(196,242,74,0.12); }
.wp-account-menu, .wp-icon-panel, .wp-cell-pick{ background:var(--glass-strong); border-color:rgba(255,255,255,0.1); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.wp-pick-opt{ color:var(--ink); }
.wp-notice, .wp-plan-reason{ background:rgba(242,184,75,0.1); border-color:rgba(242,184,75,0.3); color:#F5D08A; }
.wp-plan-reason.ok, .wp-prev-hint{ background:rgba(196,242,74,0.08); border-color:rgba(196,242,74,0.25); color:#DDF6A8; }
.wp-plan-reason.err{ background:var(--red-100); color:#FFB0A8; }
.wp-plan-card{ background:rgba(255,255,255,0.03); border-color:var(--line); }
.wp-plan-card .price{ color:#fff; }
.wp-plan-card .pay .card{ background:var(--lime); border-color:var(--lime); color:var(--lime-ink); }
.wp-plan-current{ background:rgba(255,255,255,0.03); }
.wp-usage-bar{ background:rgba(255,255,255,0.08); }
.wp-usage-bar i{ background:var(--lime); }
.wp-plan-strip button, .wp-chip.wp-chip-primary{ background:var(--lime); border-color:var(--lime); color:var(--lime-ink); }
.wp-chip.wp-chip-primary:hover{ background:#D4FA6A; color:var(--lime-ink); }
.wp-template-card{ background:rgba(255,255,255,0.03); border-color:var(--line); }
.wp-template-card:has(input:checked){ background:rgba(196,242,74,0.07); border-color:var(--lime); }
.wp-template-preview{ background:rgba(255,255,255,0.03) !important; }
.wp-share-log li{ background:rgba(255,255,255,0.04); }
.wp-share-log .st-skip{ background:rgba(255,255,255,0.03); }
.wp-share-log .st-err{ color:#FFB0A8; }
.wp-task-card, .wp-report, .wp-task-status{ background:rgba(255,255,255,0.03); }
.wp-check.wp-support-check{ color:#C9A8FF; }
.wp-task-note{ color:#F5D08A; }
.wp-guest-banner{ background:rgba(242,184,75,0.1) !important; border-color:rgba(242,184,75,0.3) !important; color:#F5D08A !important; }

/* ---------- Smart Office / PDF editor: dark studio around white paper ---------- */
.tool-toolbar, .wp-sub-bar, .wp-page-nav, .wp-table-bar, .wp-demo-rail{ background:rgba(255,255,255,0.025) !important; border-color:var(--line) !important; }
.tool-side, #wpEditorView .tool-side{ background:rgba(10,14,11,0.6); border-color:var(--line); }
.tool-canvas-wrap, #wpEditorView .tool-canvas-wrap{ background:radial-gradient(circle at 50% 0%, rgba(196,242,74,0.05), transparent 60%), #0A0D0B; }
.canvas-stage, .wp-canvas-stage{ box-shadow:0 30px 80px -20px rgba(0,0,0,0.9), 0 0 0 1px rgba(255,255,255,0.06); }
.page-list button{ background:rgba(255,255,255,0.03); color:#DDE4DB; }
.page-list button.active, #wpPageList button.active{ border-color:var(--lime); background:rgba(196,242,74,0.08); color:#fff; }
#wpPageList button.older{ background:rgba(242,184,75,0.06); }
.wp-page-group{ color:#F5D08A; }
.wp-page-group.current{ color:var(--lime); }
.drop-zone, .wp-pdf-section .drop-zone{ background:rgba(255,255,255,0.025); border-color:rgba(255,255,255,0.14); }
.drop-zone svg{ color:var(--lime); }
.wp-demo-page{ background-color:#fff; color:#0f241a; }
.wp-demo-page h5{ color:#0C3A2B; }
.wp-demo-rail .ic{ background:rgba(255,255,255,0.05); }
/* text being typed onto the white paper stays dark-on-light */
.wp-text-edit{ color:#0f241a; background:rgba(255,255,255,0.95); }
.wp-cell-edit{ background:#fff; }
.wp-line-input{ color:#0f241a; }
.pdf-annotation{ color:#0f241a; }
.wp-preview-paper canvas, .wp-template-thumb{ background:#fff; }
.wp-item-row .type-icon.note{ background:rgba(196,242,74,0.10); color:var(--lime); }

/* ---------- admin ---------- */
.adm-stat{ background:rgba(255,255,255,0.03); }
.adm-stat .num, .adm-section-head strong, .adm-sys-head strong, .adm-user-meta strong{ color:#fff; }
.adm-table th{ color:#7f8c85; font-family:var(--font-mono); font-weight:500; text-transform:lowercase; letter-spacing:0; }
.adm-actions button, .adm-quick button{ background:rgba(255,255,255,0.04); color:#E6ECE3; }
.adm-actions button:hover{ border-color:var(--lime); color:var(--lime); }
.adm-role.admin, .adm-plan.admin, .adm-you{ background:var(--lime); color:var(--lime-ink); }
.adm-avatar{ background:rgba(196,242,74,0.12); color:var(--lime); }
.adm-tab.active{ color:var(--lime); border-bottom-color:var(--lime); }
.adm-tabs{ border-bottom-color:var(--line); }
.adm-flash{ background:rgba(196,242,74,0.08); color:#DDF6A8; }
.adm-flash.error{ background:var(--red-100); color:#FFB0A8; }
.adm-pay.paid{ background:rgba(196,242,74,0.12); color:var(--lime); }
.adm-pay.failed, .adm-pay.cancelled{ background:rgba(255,255,255,0.05); }
.adm-readonly{ background:rgba(255,255,255,0.04); color:var(--lime); }
.adm-sys-list li{ background:rgba(255,255,255,0.03); }
.adm-sys-list li strong{ color:#fff; }
.adm-sys-list li span{ color:#C9D3CA; }
.adm-tag.warn, .adm-plan.paid{ background:rgba(242,184,75,0.14); color:#F5D08A; }
.adm-usage{ color:#C9D3CA; }

/* ---------- legal ---------- */
.legal p, .legal li{ color:#A3AFA8; }
.legal h2{ color:#fff; }

/* ---------- motion ---------- */
.reveal{ opacity:0; transform:translateY(22px); filter:blur(6px); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1), filter .8s ease; }
.reveal.in{ opacity:1; transform:none; filter:none; }
.hero h1 .w{ display:inline-block; opacity:0; transform:translateY(0.35em); filter:blur(8px); animation:wordIn .9s cubic-bezier(.2,.7,.2,1) forwards; }
@keyframes wordIn{ to{ opacity:1; transform:none; filter:none; } }
@media (prefers-reduced-motion: reduce){
  .reveal, .hero h1 .w{ opacity:1 !important; transform:none !important; filter:none !important; animation:none !important; transition:none !important; }
  .flow-body path.dash, .sys-pill.ok i{ animation:none; }
}
/* inputs typed onto the white paper (beats the generic dark-input rule above) */
.wp-canvas-stage input.wp-line-input, .wp-canvas-stage .wp-line-input{ color:#0f241a; background:rgba(95,190,139,0.10); border:none; }
.page-hero h1 .w{ display:inline-block; opacity:0; transform:translateY(0.35em); filter:blur(8px); animation:wordIn .9s cubic-bezier(.2,.7,.2,1) forwards; }
@media (prefers-reduced-motion: reduce){ .page-hero h1 .w{ opacity:1 !important; transform:none !important; filter:none !important; animation:none !important; } }
/* hero: flow panel takes the stage; the report card overlaps its lower-left corner */
.home-hero-visual .flow-panel{ margin-left:0 !important; }
.home-hero-visual .phone.home-phone{ display:none; }
.home-hero-visual .home-float{ position:absolute; left:-28px !important; right:auto !important; bottom:-6px !important; top:auto !important; background:var(--glass-strong); }
@media (max-width: 980px){ .home-hero-visual .home-float{ left:12px !important; bottom:-30px !important; } }

/* pills that carry inline light colours on the inner pages */
.feature-row-tag{ background:rgba(255,255,255,0.05) !important; color:#CBD5CC !important; border:1px solid var(--line); }
.feature-row-tag::before{ content:''; width:6px; height:6px; border-radius:1px; background:var(--lime); box-shadow:0 0 8px var(--lime); }
.wp-hero-link .ic, .wp-hero-link .ic.gold, .wp-hero-link .ic.red{ background:rgba(255,255,255,0.06) !important; }
.wp-hero-link .ic.gold{ color:var(--gold); } .wp-hero-link .ic.red{ color:var(--red); }
.flow-body{ height:360px; }
@media (max-width: 520px){ .flow-body{ height:380px; } .flow-chip{ display:none; } .flow-head .mono:not(.run){ display:none; } }

/* date / time picker icons stay visible on dark inputs */
input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator{ filter:invert(1) brightness(1.4); opacity:.75; cursor:pointer; }
.wp-canvas-stage input[type=date]::-webkit-calendar-picker-indicator,
.wp-canvas-stage input[type=time]::-webkit-calendar-picker-indicator{ filter:none; }

/* ---------- light / dark switch: what only the dark theme shows ---------- */
#nestiyFx{ display:block; }
.home-hero-visual .hero-browser{ display:none; }
.home-hero-visual .flow-panel{ display:block; }
.theme-btn{ background:rgba(255,255,255,0.04); border-color:var(--line); color:#DDE5DA; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.theme-btn:hover{ border-color:rgba(196,242,74,0.5); color:var(--lime); }
.theme-btn .ic-sun{ display:block; }
.theme-btn .ic-moon{ display:none; }

/* The glass top bar creates its own layer (backdrop-filter); lift it so its account menu
   opens above the cards below instead of behind them. */
.wp-topbar{ position:relative; z-index:40; }

/* ---------- Nestiy account (dark) ---------- */
.na-acct-btn{ background:rgba(255,255,255,0.04); border-color:var(--line); color:#E6ECE3; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.na-acct-btn:hover{ border-color:rgba(196,242,74,0.5); box-shadow:0 8px 24px -12px rgba(196,242,74,0.45); }
.na-ava{ background:rgba(196,242,74,0.12); color:var(--lime); }
.na-acct-btn.in .na-ava, .na-ava.big{ background:var(--lime); color:var(--lime-ink); }
.na-menu{ background:var(--glass-strong); border-color:rgba(255,255,255,0.1); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); box-shadow:0 30px 70px -20px rgba(0,0,0,0.9); }
.na-menu-head strong{ color:#fff; }
.na-plan{ background:rgba(255,255,255,0.04); border-color:var(--line); }
.na-badge{ background:rgba(196,242,74,0.12); color:var(--lime); }
.na-menu .na-go{ background:var(--lime); color:var(--lime-ink); }
.na-menu .na-go:hover{ background:#D4FA6A; }
.na-menu > a, .na-menu > button{ color:#E2E8E0; }
.na-menu > a:hover, .na-menu > button:hover{ background:rgba(255,255,255,0.06); }
.na-menu > a svg, .na-menu > button svg{ color:var(--lime); }
.na-modal{ background:rgba(2,3,2,0.66); }
.na-box{ background:var(--glass-strong); border-color:rgba(255,255,255,0.1); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); box-shadow:0 50px 120px -30px rgba(0,0,0,0.95); }
.na-brand, .na-box h3{ color:#fff; }
.na-perks li{ background:rgba(196,242,74,0.08); border-color:rgba(196,242,74,0.2); color:#DDF6A8; }
.na-pro b{ color:var(--lime); }
.na-notice{ background:rgba(242,184,75,0.1); color:#F5D08A; }
.na-field span{ color:#DDE4DB; }
.na-field input{ background:rgba(255,255,255,0.05); color:var(--ink); border-color:rgba(255,255,255,0.14); }
.na-field input:focus{ border-color:var(--lime); box-shadow:0 0 0 3px rgba(196,242,74,0.14); }
.na-switch button{ color:var(--lime); }
.na-google-face{ border-color:#fff; }

/* close buttons: bright on the dark glass */
html button.modal-close, html .sh-modal button.x, html button.na-x{
  background:#F2F6EE; color:#0B1105; box-shadow:0 0 0 4px rgba(255,255,255,0.08), 0 10px 22px -8px rgba(0,0,0,0.85);
}
html button.modal-close:hover, html .sh-modal button.x:hover, html button.na-x:hover{ background:var(--lime); color:var(--lime-ink); }
html button.modal-close:focus-visible, html .sh-modal button.x:focus-visible, html button.na-x:focus-visible{ outline-color:rgba(196,242,74,0.6); }

/* Menus that open from the glass header get a solid background: a blur inside the already
   blurred header lets the page show through. */
.site-header .na-menu, .site-header .nav-drop-menu{ background:#0E1310; backdrop-filter:none; -webkit-backdrop-filter:none; }
.na-menu .na-plan-link{ color:var(--lime); }
.footer-contact-box .fc-ic{ background:var(--lime); color:var(--lime-ink); box-shadow:0 10px 26px -10px rgba(196,242,74,0.7); }
.footer-contact-box .fc-form input:focus{ border-color:var(--lime); box-shadow:0 0 0 3px rgba(196,242,74,0.18); }
.na-cancel-facts li{ background:rgba(255,255,255,0.04); border-color:rgba(255,255,255,0.09); color:#E2E8E0; }
.na-cancel-facts li::before{ background:var(--lime); color:var(--lime-ink); }
.na-cancel-facts a{ color:var(--lime); }
.na-plan-top small{ color:#9DA9A2; }