/* ═══════════════════════════════════════════════════════
   ENORBY — Unified Stylesheet (all public pages)
   Loaded alongside tokens.css by every public page.
   Index.html style is the canonical standard.
   ═══════════════════════════════════════════════════════ */

.no-transitions,.no-transitions *,.no-transitions *::before,.no-transitions *::after{transition:none!important}

[data-theme="light"] .nav{background:rgba(248,244,235,.94);border-color:rgba(90,60,0,.08);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}
[data-theme="light"] .nav.scrolled{background:rgba(248,244,235,.97);box-shadow:0 1px 20px rgba(90,60,0,.08)}
[data-theme="light"] .hero-bg-img{filter:brightness(.5) saturate(1.1);opacity:.5}
[data-theme="light"] .hero::before{background:radial-gradient(ellipse at 70% 30%,rgba(166,124,0,.06),transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(192,132,252,.04),transparent 50%),linear-gradient(180deg,rgba(248,244,235,.7) 0%,rgba(248,244,235,.2) 50%,rgba(248,244,235,.8) 100%)}
[data-theme="light"] .btn-ghost{color:var(--ink-0);border-color:rgba(90,60,0,.3);background:#faf8f0;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(90,60,0,.18)}
@media(hover:hover){[data-theme="light"] .btn-ghost:hover{border-color:var(--accent);transform:translateY(-2px) scale(1.02);background:#fff;box-shadow:0 0 14px rgba(166,124,0,.4),0 0 32px rgba(166,124,0,.2),0 4px 16px rgba(166,124,0,.15);text-shadow:none;-webkit-text-stroke:.4px currentColor;color:var(--accent)}}
[data-theme="light"] .btn-primary{box-shadow:0 2px 8px rgba(90,60,0,.18);color:#080b14}
@media(hover:hover){[data-theme="light"] .btn-primary:hover{transform:translateY(-2px) scale(1.02);background:#f0c950;color:#080b14;box-shadow:0 6px 24px rgba(240,201,80,.5),0 0 40px rgba(240,201,80,.25);-webkit-text-stroke:.4px currentColor}}
[data-theme="light"] .kicker{color:var(--ink-0);border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);text-shadow:none;box-shadow:inset 0 1px 1px rgba(255,255,255,.6),inset 0 -1px 1px rgba(0,0,0,.05),0 4px 16px rgba(90,60,0,.08),0 0 1px rgba(255,255,255,.4)}
[data-theme="light"] .hero h1 span.glow{background:linear-gradient(90deg,var(--ink-0),var(--accent) 25%,var(--ink-0) 50%,var(--accent-3) 75%,var(--ink-0));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="light"] .hero-meta{border-color:rgba(90,60,0,.1);background:rgba(237,232,223,.75)}
[data-theme="light"] .principle:hover h3{color:#a67c00;font-weight:700;text-shadow:0 0 8px rgba(166,124,0,.4)}
[data-theme="light"] .metric .cap{color:var(--ink-2)}
[data-theme="light"] .metric:hover .cap{color:var(--ink-0)}
[data-theme="light"] .pillar::after{background:radial-gradient(circle 300px at var(--mx,50%) var(--my,50%),rgba(166,124,0,.4),transparent 100%)}
[data-theme="light"] .pillar ul li{color:var(--ink-3)}
[data-theme="light"] .pillar:hover ul li{border-color:rgba(166,124,0,.18);color:var(--ink-0)}
[data-theme="light"] .insurance-box{background:linear-gradient(135deg,rgba(237,232,223,.8),rgba(248,244,235,.6));border-color:rgba(90,60,0,.1)}
[data-theme="light"] .insurance-box::before{background:radial-gradient(circle,rgba(166,124,0,.04),transparent 60%)}
[data-theme="light"] .cost-stat .big{background:linear-gradient(180deg,#dc2626,var(--cta-warm));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="light"] .metric .big{background:linear-gradient(180deg,var(--ink-0),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="light"] .proof-card{background:linear-gradient(180deg,rgba(237,232,223,.9),rgba(248,244,235,.7));border-color:rgba(90,60,0,.1);box-shadow:0 2px 12px rgba(90,60,0,.06)}
[data-theme="light"] .proof-meta .avatar{box-shadow:0 4px 16px rgba(166,124,0,.25)}
[data-theme="light"] .magnet-box,[data-theme="light"] .session-form-box{background:#faf8f0}
[data-theme="light"] .magnet-box:hover,[data-theme="light"] .session-form-box:hover{background:#faf8f0}
[data-theme="light"] .magnet input,[data-theme="light"] .session-field input,[data-theme="light"] .session-field textarea{background:rgba(237,232,223,.8);border-color:rgba(90,60,0,.12);color:var(--ink-0)}
[data-theme="light"] .magnet input:focus,[data-theme="light"] .session-field input:focus,[data-theme="light"] .session-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(166,124,0,.12)}
[data-theme="light"] .magnet input::placeholder,[data-theme="light"] .session-field input::placeholder,[data-theme="light"] .session-field textarea::placeholder{color:var(--ink-3)}
[data-theme="light"] .cta-final{background:radial-gradient(ellipse at center,rgba(166,124,0,.04),transparent 70%)}
[data-theme="light"] .cta-final::before{display:none}
[data-theme="light"] .back-top{background:rgba(237,232,223,.92);border-color:rgba(90,60,0,.12);color:var(--ink-2);box-shadow:0 2px 12px rgba(90,60,0,.06)}
[data-theme="light"] .back-top:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 14px rgba(166,124,0,.6),0 0 30px rgba(166,124,0,.3);transform:translateY(-2px) scale(1.02)}
[data-theme="light"] .cursor-glow{background:radial-gradient(circle,rgba(166,124,0,.04),transparent 50%)}
[data-theme="light"] .scroll-progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent-3),var(--accent))}
[data-theme="light"] .anydesk-box{background:linear-gradient(135deg,rgba(166,124,0,.05),rgba(124,58,237,.03));border-color:var(--line-strong)}
[data-theme="light"] .principle:hover{border-color:rgba(166,124,0,.3)}
[data-theme="light"] .principle:hover .n{color:#a67c00;text-shadow:0 0 8px rgba(166,124,0,.4),0 0 16px rgba(166,124,0,.2)}
[data-theme="light"] .brand .mark{box-shadow:0 4px 16px rgba(166,124,0,.25)}
[data-theme="light"] h3{text-shadow:none}
[data-theme="light"] .nav-links a:hover,[data-theme="light"] .nav-drop-trigger:hover{color:var(--accent);text-shadow:none}
[data-theme="light"] .nav-links a.active{color:var(--accent)}
@media(max-width:800px){
  [data-theme="light"] .nav-links{background:rgb(248,244,235)}
  [data-theme="light"] .nav-links a{color:var(--ink-1)}
  [data-theme="light"] .nav-links a:hover,[data-theme="light"] .nav-links a.active{background:none!important;border-color:transparent!important;color:var(--accent)!important;transform:none!important;-webkit-text-stroke:0!important}
  [data-theme="light"] .nav-drop-trigger{border-color:rgba(166,124,0,.2);background:rgba(166,124,0,.05)}
  [data-theme="light"] .nav-dropdown.open .nav-drop-trigger{background:rgba(166,124,0,.08);border-color:rgba(166,124,0,.25);color:var(--ink-0)}
  [data-theme="light"] .nav-drop-menu a{color:var(--ink-2)}
  [data-theme="light"] .nav-drop-menu a:hover{color:var(--accent);background:rgba(166,124,0,.06)}
  [data-theme="light"] .menu-toggle{border-color:var(--line-strong)}
  [data-theme="light"] .menu-toggle span{background:var(--ink-0)}
}
.theme-toggle{width:42px;height:42px;border-radius:99px;border:1px solid rgba(255,255,255,.25);background:rgba(13,10,26,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease;flex-shrink:0;box-shadow:0 4px 30px rgba(0,0,0,.4);position:relative;overflow:hidden}
.theme-toggle::before{content:'';position:absolute;width:80px;height:80px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s ease;top:var(--btn-y,-50%);left:var(--btn-x,-50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(212,175,55,.25) 0%,transparent 70%)}
.theme-toggle:hover::before{opacity:1}
[data-theme="light"] .theme-toggle::before{background:radial-gradient(circle,rgba(166,124,0,.2) 0%,transparent 70%)}
.theme-toggle:hover{border-color:var(--accent);transform:translateY(-2px) scale(1.02);background:rgba(13,10,26,.85);box-shadow:0 0 12px rgba(212,175,55,.5),0 0 30px rgba(212,175,55,.3),inset 0 0 8px rgba(212,175,55,.2)}
.theme-toggle svg{width:18px;height:18px;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:stroke .25s ease,stroke-width .25s ease}
.theme-toggle:hover svg{stroke:#fff;stroke-width:2.5}
.theme-toggle .icon-sun{display:none}
.theme-toggle .icon-sun circle{fill:#fff}
.theme-toggle .icon-moon{display:block;fill:#fff;stroke:none}
.theme-toggle.animating svg{animation:toggle-spin .5s cubic-bezier(.65,0,.35,1)}
@keyframes toggle-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(.85)}100%{transform:rotate(360deg) scale(1)}}
[data-theme="light"] .theme-toggle{border-color:rgba(90,60,0,.2);background:rgba(255,253,247,.95);backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(90,60,0,.12),0 0 0 1px rgba(90,60,0,.06)}
[data-theme="light"] .theme-toggle:hover{border-color:var(--accent);transform:translateY(-2px) scale(1.02);box-shadow:0 0 14px rgba(166,124,0,.7),0 0 30px rgba(166,124,0,.45),inset 0 0 8px rgba(166,124,0,.25)}
[data-theme="light"] .theme-toggle svg{stroke:var(--ink-0);stroke-width:2}
[data-theme="light"] .theme-toggle:hover svg{stroke:var(--ink-0);stroke-width:2.5}
[data-theme="light"] .theme-toggle .icon-sun{display:block}
[data-theme="light"] .theme-toggle .icon-sun circle{fill:var(--ink-0)}
[data-theme="light"] .theme-toggle .icon-moon{display:none;fill:var(--ink-0)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg-0);color:var(--ink-0);font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html{-webkit-overflow-scrolling:touch}
::selection{background:var(--accent);color:#1a0a2e}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}

h1,h2,h3,h4{font-family:'Oxanium',sans-serif;font-weight:700;letter-spacing:-.02em;margin:0 0 .6em;color:var(--ink-0)}
h1{font-size:clamp(26px,6.4vw,92px);line-height:1.1;letter-spacing:-.035em;font-weight:800}
h2{font-size:clamp(22px,4.5vw,56px);line-height:1.12;letter-spacing:-.03em}
h3{font-size:clamp(16px,2.5vw,30px);line-height:1.2}
h4{font-size:clamp(16px,1.4vw,19px);line-height:1.3;letter-spacing:.01em;text-transform:uppercase;color:var(--ink-2);font-weight:600}
p{margin:0 0 1em;color:var(--ink-1)}
.lead{font-size:clamp(15px,1.8vw,22px);color:var(--ink-1);line-height:1.55;max-width:62ch}
.kicker{display:inline-flex;align-items:center;gap:10px;font-family:'Archivo',sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff;font-weight:800;padding:6px 12px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(255,255,255,.06);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);max-width:100%;text-shadow:0 0 10px rgba(255,255,255,.5);box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -1px 1px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.25),0 0 1px rgba(255,255,255,.1);overflow:hidden;text-overflow:ellipsis}
.kicker::before{content:"";width:6px;height:6px;border-radius:99px;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:kicker-pulse 2.5s ease-in-out infinite}
@keyframes kicker-pulse{0%,100%{box-shadow:0 0 12px var(--accent);opacity:1}50%{box-shadow:0 0 24px var(--accent),0 0 48px rgba(212,175,55,.2);opacity:.7}}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
section{padding:clamp(60px,10vw,160px) 0;position:relative}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(12px,1.4vw,14px) clamp(16px,2.2vw,22px);border-radius:99px;font-weight:600;font-size:clamp(13px,1.2vw,15px);font-family:'Archivo',sans-serif;transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease,-webkit-text-stroke .25s ease;will-change:transform;position:relative;overflow:hidden}
.btn::before{content:'';position:absolute;width:120px;height:120px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s ease;top:var(--btn-y,-50%);left:var(--btn-x,-50%);transform:translate(-50%,-50%)}
@media(hover:hover){.btn:hover::before{opacity:1}}
.btn-primary::before{background:radial-gradient(circle,rgba(255,255,255,.35) 0%,transparent 70%)}
.btn-ghost::before{background:radial-gradient(circle,rgba(212,175,55,.25) 0%,transparent 70%)}
[data-theme="light"] .btn-ghost::before{background:radial-gradient(circle,rgba(166,124,0,.2) 0%,transparent 70%)}
.btn-primary{background:var(--cta-warm);color:#080b14;position:relative;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 8px rgba(212,175,55,.2);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
@media(hover:hover){.btn-primary:hover{transform:translateY(-2px) scale(1.02);background:#f0c950;color:#080b14;box-shadow:0 6px 24px rgba(240,201,80,.5),0 0 40px rgba(240,201,80,.3);-webkit-text-stroke:.4px currentColor}}
.btn-primary:disabled{transform:none;text-shadow:none;cursor:default;transition:background .4s ease,box-shadow .4s ease,opacity .3s ease}
.btn-primary:disabled:hover{transform:none;text-shadow:none}
.btn-primary.submitting{animation:btn-pulse 1.5s ease-in-out infinite;opacity:.85}
@keyframes btn-pulse{0%,100%{opacity:.85}50%{opacity:.6}}
@keyframes btn-success-glow{0%,100%{box-shadow:0 0 14px rgba(34,197,94,.5),0 0 40px rgba(34,197,94,.35),0 0 80px rgba(34,197,94,.15)}50%{box-shadow:0 0 20px rgba(34,197,94,.7),0 0 60px rgba(34,197,94,.4),0 0 100px rgba(34,197,94,.2)}}
.btn-primary::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);pointer-events:none;transition:none}
@media(hover:hover){.btn-primary:hover::after{left:130%;transition:left .55s ease}}
.btn-primary:disabled::after{display:none}
.btn-ghost{color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.25);background:rgba(13,10,26,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px rgba(0,0,0,.4);transition:text-shadow .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}
.btn-ghost::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);pointer-events:none;transition:none}
@media(hover:hover){.btn-ghost:hover::after{left:130%;transition:left .55s ease}}
@media(hover:hover){.btn-ghost:hover{border-color:var(--accent);transform:translateY(-2px) scale(1.02);background:#3a2060;box-shadow:0 0 16px rgba(212,175,55,.6),0 0 40px rgba(212,175,55,.35),inset 0 0 12px rgba(212,175,55,.15);text-shadow:none;-webkit-text-stroke:.4px currentColor;color:#fff}}
.nav-btn-support{font-weight:700}
.btn .arrow{display:inline-block;transition:transform .3s ease}
@media(hover:hover){.btn:hover .arrow{transform:translateX(4px)}}
.social-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:99px;border:none;background:var(--cta-warm);color:#080b14;box-shadow:0 4px 20px rgba(212,175,55,.3);transition:transform .25s ease,background .25s ease,box-shadow .25s ease;position:relative;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.social-btn::before{content:'';position:absolute;width:80px;height:80px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s ease;top:var(--btn-y,-50%);left:var(--btn-x,-50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.35) 0%,transparent 70%)}
.social-btn::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);pointer-events:none;transition:none}
@media(hover:hover){.social-btn:hover::before{opacity:1}.social-btn:hover::after{left:130%;transition:left .55s ease}.social-btn:hover{transform:translateY(-2px) scale(1.02);background:#f0c950;color:#080b14;box-shadow:0 0 18px rgba(240,201,80,.8),0 0 40px rgba(212,175,55,.5),0 0 60px rgba(240,201,80,.25)}.social-btn:hover svg{transform:scale(1.15);fill:#080b14;stroke:#080b14;stroke-width:.5px}}
.social-btn svg{width:20px;height:20px;fill:currentColor;transition:transform .3s ease}
[data-theme="light"] .social-btn{background:var(--cta-warm);color:#080b14;box-shadow:0 4px 16px rgba(184,134,11,.25)}
@media(hover:hover){[data-theme="light"] .social-btn:hover{transform:translateY(-2px) scale(1.02);background:#f0c950;box-shadow:0 0 14px rgba(184,134,11,.35),0 0 28px rgba(184,134,11,.15)}}

/* ═══ SHARED CARD BASE ═══ */
.e-card{padding:clamp(24px,4vw,32px) clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg-1);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease,background .3s ease}
.e-card:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.35);box-shadow:0 0 30px rgba(212,175,55,.1),0 8px 24px rgba(0,0,0,.3);background:#251840}
[data-theme="light"] .e-card:hover{background:#faf8f0;border-color:rgba(166,124,0,.4);box-shadow:0 0 12px rgba(166,124,0,.4),0 8px 32px rgba(166,124,0,.2)}
.e-card:hover h3,.e-card:hover .card__title,.e-card:hover>b,.e-card:hover .obj-q{color:var(--cta-warm);font-weight:700;text-shadow:0 0 6px rgba(212,175,55,.3)}
[data-theme="light"] .e-card:hover h3,[data-theme="light"] .e-card:hover .card__title,[data-theme="light"] .e-card:hover>b,[data-theme="light"] .e-card:hover .obj-q{color:#a67c00;text-shadow:0 0 8px rgba(166,124,0,.4)}
.e-card:hover p,.e-card:hover>span{color:var(--ink-0);text-shadow:none}
/* ═══ SHARED ICON BOX ═══ */
.e-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,rgba(18,14,36,.9),rgba(30,20,53,.4));display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid rgba(212,175,55,.14);box-shadow:0 0 8px rgba(212,175,55,.08);transition:border-color .3s ease,box-shadow .3s ease}
.e-icon svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease}
.e-card:hover .e-icon{border-color:rgba(212,175,55,.4);box-shadow:0 0 12px rgba(212,175,55,.3)}
.e-card:hover .e-icon svg{stroke:#d4af37}
a.e-card:hover .e-icon svg{stroke:#d4af37}
[data-theme="light"] .e-icon{background:linear-gradient(135deg,rgba(166,124,0,.1),rgba(192,132,252,.06));border-color:rgba(166,124,0,.22)}
[data-theme="light"] .e-icon svg{stroke:var(--accent)}
[data-theme="light"] .e-card:hover .e-icon{border-color:rgba(166,124,0,.4);box-shadow:0 0 12px rgba(166,124,0,.3)}
[data-theme="light"] .e-card:hover .e-icon svg{stroke:#a67c00}
[data-theme="light"] a.e-card:hover .e-icon svg{stroke:#a67c00}
/* ═══ SHARED GRID ═══ */
.e-grid{display:grid;gap:16px}
.e-grid-2{grid-template-columns:repeat(2,1fr)}
.e-grid-3{grid-template-columns:repeat(3,1fr)}
.e-grid-4{grid-template-columns:repeat(4,1fr)}
.e-grid-5{grid-template-columns:repeat(5,1fr)}
.e-grid-6{grid-template-columns:repeat(6,1fr)}
@media(max-width:1000px){.e-grid-5{grid-template-columns:repeat(3,1fr)}.e-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.e-grid-3{grid-template-columns:1fr}.e-grid-6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.e-grid-2{grid-template-columns:1fr}}
@media(max-width:600px){.e-grid-5{grid-template-columns:1fr 1fr}.e-grid-4{grid-template-columns:1fr}}
@media(max-width:500px){.e-grid-6{grid-template-columns:repeat(2,1fr)}.e-grid-5{grid-template-columns:1fr}}

.nav{position:fixed;inset:0 0 auto 0;z-index:50;padding:18px 0;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);background:rgba(13,10,26,.92);border-bottom:1px solid var(--line);transition:padding .35s ease,background .35s ease,box-shadow .35s ease}
.nav.scrolled{padding:10px 0;background:rgba(13,10,26,.97);box-shadow:0 4px 30px rgba(0,0,0,.4)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.brand{display:flex;align-items:center;gap:10px;font-family:'Oxanium',sans-serif;font-weight:800;letter-spacing:.22em;font-size:15px}
.brand .mark{width:26px;height:26px;border-radius:7px;background:conic-gradient(from 200deg,#f0c950,#c084fc,#e63946,#f0c950);box-shadow:0 6px 24px rgba(212,175,55,.35);padding:4px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;color:var(--ink-0);position:relative}
.nav-home-link{display:none}
.nav-links a,.nav-drop-trigger{position:relative;transition:color .25s ease;color:var(--ink-0)}
.nav-links a:hover,.nav-drop-trigger:hover{color:var(--accent)}
.nav-links a.active{color:var(--accent)}
.nav-links>a::after,.nav-drop-trigger::after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:1.5px;background:var(--accent);transform:scaleX(0);transition:transform .25s ease;transform-origin:center}
.nav-links>a:hover::after,.nav-links>a.active::after,.nav-dropdown:hover .nav-drop-trigger::after{transform:scaleX(1)}
.nav-links.has-slider>a::after,.nav-links.has-slider .nav-drop-trigger::after{content:none}
.nav-slider{position:absolute;bottom:-8px;left:0;height:3px;border-radius:2px;background:var(--accent);pointer-events:none;z-index:200;transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0;box-shadow:0 0 10px rgba(212,175,55,.8),0 0 25px rgba(212,175,55,.5),0 0 50px rgba(212,175,55,.2)}
.nav-slider.active{opacity:1}
[data-theme="light"] .nav-slider{box-shadow:0 0 10px rgba(166,124,0,.8),0 0 25px rgba(166,124,0,.5),0 0 50px rgba(166,124,0,.2)}
.nav-dropdown{position:relative;display:flex;align-items:center;padding:8px 0}
.nav-drop-trigger{display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.drop-arrow{transition:transform .3s ease}
@media(min-width:801px){.nav-dropdown:hover .drop-arrow{transform:rotate(180deg)}}
.nav-drop-menu{width:280px;padding:8px;border-radius:var(--radius-m);border:1px solid rgba(255,255,255,.08);background:#1a1230;box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.06);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:100}
.nav-dropdown::after{content:'';position:absolute;top:100%;left:0;width:100%;height:16px}
/*desktop-hover-handled-in-mq*/
.nav-drop-menu a{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;color:var(--ink-1);transition:color .25s ease,background .25s ease;white-space:nowrap;border-radius:8px;position:relative}
@media(min-width:801px){.nav-drop-menu{position:absolute;top:calc(100% + 0px);left:50%;transform:translateX(-50%) translateY(8px)}.nav-dropdown:hover .nav-drop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.nav-drop-menu a{opacity:0;transform:translateX(-8px);transition:color .25s ease,background .25s ease,transform .2s ease,box-shadow .25s ease,opacity .15s ease}.nav-dropdown:hover .nav-drop-menu a{opacity:1;transform:translateX(0)}.nav-dropdown:hover .nav-drop-menu a:nth-child(1){transition-delay:.03s}.nav-dropdown:hover .nav-drop-menu a:nth-child(2){transition-delay:.06s}.nav-dropdown:hover .nav-drop-menu a:nth-child(3){transition-delay:.09s}.nav-dropdown:hover .nav-drop-menu a:nth-child(4){transition-delay:.12s}.nav-dropdown:hover .nav-drop-menu a:nth-child(5){transition-delay:.15s}.nav-dropdown:hover .nav-drop-menu a:nth-child(6){transition-delay:.18s}.nav-dropdown:hover .nav-drop-menu a:nth-child(7){transition-delay:.21s}.nav-dropdown:hover .nav-drop-menu a:nth-child(8){transition-delay:.24s}.nav-dropdown:hover .nav-drop-menu a:nth-child(9){transition-delay:.27s}.nav-dropdown:hover .nav-drop-menu a:nth-child(10){transition-delay:.30s}}
.nav-drop-menu a::after{display:none}
.nav-drop-menu a::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px;background:rgba(212,175,55,.06);opacity:0;transition:opacity .25s ease;pointer-events:none}
.nav-drop-menu a:hover{color:var(--accent);-webkit-text-stroke:.4px currentColor;text-shadow:0 -1px 0 rgba(0,0,0,.4)}
.nav-drop-menu a:hover::before{opacity:1;background:rgba(212,175,55,.06)}
.nav-drop-menu a:hover .nav-drop-icon{color:var(--accent);transform:scale(1.2)}
.nav-drop-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--ink-3);transition:color .25s ease,transform .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}
.nav-drop-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[data-theme="light"] .nav-drop-menu{background:#f5f0e4;border-color:rgba(90,60,0,.1);box-shadow:0 16px 48px rgba(90,60,0,.2),inset 0 1px 0 rgba(255,255,255,.4)}
[data-theme="light"] .nav-drop-menu a{color:var(--ink-2)}
[data-theme="light"] .nav-drop-menu a::before{background:rgba(166,124,0,.06)}
[data-theme="light"] .nav-drop-menu a:hover{color:var(--accent);-webkit-text-stroke:.4px currentColor;text-shadow:none}
[data-theme="light"] .nav-drop-menu a:hover .nav-drop-icon{color:var(--accent)}
.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;position:absolute;left:50%;transform:translateX(-50%);z-index:1001;border:1px solid var(--line);border-radius:12px;background:transparent;padding:0;transition:border-color .3s ease,background .3s ease,border-radius .3s ease}
.menu-toggle:hover{border-color:var(--accent)}@media(max-width:800px){.menu-toggle:hover{border-color:var(--line)!important}}
.menu-toggle.open{border-color:rgba(212,175,55,.2);background:#0d0a1a;border-radius:12px}
html[data-theme="light"] .menu-toggle.open{background:#f8f4eb;border-color:rgba(166,124,0,.25);box-shadow:0 1px 4px rgba(0,0,0,.06)}
html[data-theme="light"] .menu-toggle.open span{background:#2d1b47}
.menu-toggle span{display:block;width:18px;height:1.5px;background:var(--ink-0);border-radius:2px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .2s ease}
.menu-toggle.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.menu-toggle.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding-top:120px;padding-bottom:120px;overflow:hidden}
.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;background:url('../Homepage01.jpg') center/cover no-repeat;z-index:0;will-change:transform;filter:brightness(.4) saturate(1.2);opacity:.6}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.4;filter:brightness(.7)}
[data-theme="light"] #hero-canvas{opacity:.65;filter:none}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(212,175,55,.08),transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(192,132,252,.05),transparent 50%),linear-gradient(180deg,rgba(13,10,26,.4) 0%,rgba(13,10,26,.2) 50%,rgba(13,10,26,.6) 100%);z-index:1;pointer-events:none}
.hero .wrap{position:relative;z-index:2}
.hero h1 span.glow{background:linear-gradient(90deg,#fff,#f0c950 25%,#fff 50%,#c084fc 75%,#fff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:glow-shimmer 5s ease-in-out infinite}
@keyframes glow-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:40px}}
.hero-meta{display:flex;flex-direction:column;gap:18px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-m);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));backdrop-filter:blur(6px)}
.hero-meta .row{display:flex;justify-content:space-between;align-items:center;font-family:'Archivo',sans-serif;font-size:12px;color:var(--ink-2);letter-spacing:.06em;font-weight:600}
.hero-meta .row b{color:var(--ink-0);font-weight:500}
.hero-meta .divider{height:1px;background:var(--line)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}

.trust{padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-1)}
.trust-label{font-family:'Archivo',sans-serif;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-bottom:22px;font-weight:700}
.trust-logos{display:block;overflow:hidden;opacity:.78;-webkit-mask:linear-gradient(90deg,transparent,#fff 8%,#fff 92%,transparent);mask:linear-gradient(90deg,transparent,#fff 8%,#fff 92%,transparent)}
.trust-logos span{font-family:'Oxanium',sans-serif;font-weight:700;letter-spacing:.04em;color:var(--ink-1);font-size:15px;white-space:nowrap}
.trust-track{display:flex;gap:clamp(36px,5vw,72px);align-items:center;animation:marquee 30s linear infinite;width:max-content;padding:0 clamp(18px,2.5vw,36px)}
.trust-track:hover{animation-play-state:paused}
.trust-track span{flex-shrink:0}
@keyframes marquee{to{transform:translateX(-50%)}}

.niche-grid{margin-top:40px}
.niche h3{font-size:20px;margin-bottom:8px}
.niche p{font-size:14px;color:var(--ink-1);margin:0}

.also-tab{font-family:'Archivo',sans-serif;font-size:12px;font-weight:600;color:var(--ink-1);letter-spacing:.04em;cursor:default;text-align:left;display:flex;flex-direction:column;gap:10px}
.also-tab b{font-family:'Oxanium',sans-serif;font-size:20px;font-weight:700;color:var(--ink-0);letter-spacing:0;display:block}
.also-tab span{font-size:14px;color:var(--ink-1);letter-spacing:.02em;line-height:1.45}
.also-grid{margin-top:20px}

.dilemma .eyebrow-row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.dilemma-cell{min-height:260px;display:flex;flex-direction:column;justify-content:space-between}
.dilemma-cell .num{font-family:'Archivo',sans-serif;font-size:12px;color:var(--accent);letter-spacing:.2em;font-weight:700;transition:color .3s ease,text-shadow .3s ease}
.dilemma-cell:hover .num{color:#e63946;text-shadow:0 0 8px rgba(230,57,70,.5);animation:num-pulse 1.5s ease-in-out infinite}
@keyframes num-pulse{0%,100%{text-shadow:0 0 8px rgba(230,57,70,.5)}50%{text-shadow:0 0 18px rgba(230,57,70,.8),0 0 36px rgba(230,57,70,.3)}}
.dilemma-cell h3{margin-top:18px;font-size:20px;color:var(--ink-0);text-shadow:none;transition:color .3s ease,text-shadow .3s ease}
.dilemma-cell p{font-size:14px;color:var(--ink-1);transition:color .25s ease,text-shadow .25s ease}

.cost-bar{background:var(--bg-1);border-bottom:1px solid var(--line);padding:60px 0}
.cost-stat{text-align:center}
.cost-stat:hover .big{animation:cost-pulse 1.5s ease-in-out infinite}
@keyframes cost-pulse{0%,100%{text-shadow:0 0 12px rgba(212,175,55,.4)}50%{text-shadow:0 0 24px rgba(200,100,0,.7),0 0 48px rgba(200,100,0,.3)}}
.cost-stat .big{font-family:'Oxanium',sans-serif;font-size:clamp(28px,3vw,42px);font-weight:800;background:linear-gradient(180deg,#ff6b6b,#d4af37);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1;transition:text-shadow .3s ease}
.cost-stat .cap{font-size:13px;color:var(--ink-2);margin-top:10px;line-height:1.4}

.how-grid{margin-top:40px}
.how-step .step-num{font-family:'Archivo',sans-serif;font-size:12px;color:var(--accent);letter-spacing:.2em;margin-bottom:14px;font-weight:700}
.how-step h3{font-size:20px;margin-bottom:10px;color:var(--ink-0);text-shadow:none;transition:color .3s ease,text-shadow .3s ease}
.how-step p{font-size:14px;color:var(--ink-1);margin:0;transition:color .3s ease,text-shadow .3s ease}

.doctrine{background:var(--bg-1);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.doctrine-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
@media(max-width:1000px){.doctrine-grid{grid-template-columns:1fr;gap:40px}}
.principle{padding:26px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:60px 1fr;gap:24px;align-items:start;transition:transform .3s ease,border-color .3s ease}
.principle:last-child{border-bottom:1px solid var(--line)}
.principle .n{font-family:'Archivo',sans-serif;font-size:13px;color:var(--ink-3);padding-top:4px;transition:color .3s ease,text-shadow .3s ease;font-weight:700}
.principle h3{font-size:20px;margin-bottom:6px;transition:color .3s ease;color:var(--ink-0);text-shadow:none}
.principle p{font-size:15px;color:var(--ink-1);margin:0;transition:color .3s ease,text-shadow .3s ease}
.principle:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.25)}
.principle:hover .n{color:var(--cta-warm);text-shadow:0 0 12px rgba(212,175,55,.5)}
.principle:hover h3{color:var(--cta-warm);font-weight:700;text-shadow:0 0 6px rgba(212,175,55,.3)}
.principle:hover p{color:var(--ink-0);text-shadow:none}

.pillar{position:relative;overflow:hidden;min-height:320px;display:flex;flex-direction:column}
.pillar::before{display:none}
.pillar::after{content:"";position:absolute;inset:-1px;border-radius:var(--radius-m);background:radial-gradient(circle 300px at var(--mx,50%) var(--my,50%),rgba(212,175,55,.7),transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;z-index:0}
.pillar:hover::after{opacity:1}
.pillar h3{font-size:20px;margin-bottom:10px}
.pillar p{font-size:14px;color:var(--ink-1);margin-bottom:18px;flex-grow:1}
.pillar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pillar ul li{font-family:'Archivo',sans-serif;font-size:11px;font-weight:600;padding:4px 10px;border:1px solid var(--line);border-radius:99px;color:var(--ink-2);letter-spacing:.04em;transition:border-color .3s ease,color .3s ease,box-shadow .3s ease}
.pillar:hover ul li{border-color:rgba(212,175,55,.25);color:var(--ink-1);box-shadow:0 0 8px rgba(212,175,55,.1)}

.insurance{border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg-1),var(--bg-0))}
.insurance-box{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:clamp(32px,4vw,64px);border:1px solid var(--line-strong);border-radius:var(--radius-l);background:linear-gradient(135deg,rgba(212,175,55,.04),rgba(192,132,252,.03));position:relative;overflow:hidden}
@media(max-width:900px){.insurance-box{grid-template-columns:1fr}}
.insurance-box::before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(212,175,55,.1),transparent 60%);filter:blur(60px)}
.insurance-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;z-index:1}
.fact .stat{font-family:'Oxanium',sans-serif;font-size:34px;font-weight:800;color:var(--ink-0);letter-spacing:-.02em;line-height:1}
.fact .label{font-size:13px;color:var(--ink-2);margin-top:8px}

.outcomes{background:var(--bg-1);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metrics{margin-top:40px}
.metric .big{font-family:'Oxanium',sans-serif;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.15;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#f0c950);-webkit-background-clip:text;background-clip:text;color:transparent;transition:filter .3s ease,background .3s ease}
.metric .cap{font-size:13px;color:var(--ink-2);margin-top:14px;line-height:1.4;transition:color .3s ease}
.metric:hover .big{background:linear-gradient(180deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;color:transparent;animation:metric-glow 1.8s ease-in-out infinite}
@keyframes metric-glow{0%,100%{filter:drop-shadow(0 0 8px rgba(34,197,94,.7)) drop-shadow(0 0 16px rgba(21,128,61,.5))}50%{filter:drop-shadow(0 0 16px rgba(34,197,94,.9)) drop-shadow(0 0 32px rgba(21,128,61,.6))}}
.metric:hover .cap{color:var(--ink-0)}

.ai-section{padding:100px 0}
.ai-grid{margin-top:40px}
.ai-card{display:flex;flex-direction:column;gap:12px}
.ai-card p{font-size:14px;color:var(--ink-1);margin:0;line-height:1.55}

.proof-card{padding:clamp(32px,4vw,60px);border:1px solid var(--line-strong);border-radius:var(--radius-l);background:linear-gradient(180deg,var(--bg-1),var(--bg-0));position:relative;overflow:hidden}
.proof-card .quote{font-family:'Oxanium',sans-serif;font-size:clamp(22px,2.4vw,32px);line-height:1.35;font-weight:500;color:var(--ink-0);max-width:40ch;margin:0 0 32px;letter-spacing:-.01em}
.proof-card .quote::before{content:"\201C";font-size:2em;color:var(--accent);margin-right:.1em;line-height:0;vertical-align:-.15em}
.proof-meta{display:flex;gap:18px;align-items:center;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}
.proof-meta .avatar{width:52px;height:52px;border-radius:14px;background:conic-gradient(from 200deg,#f0c950,#c084fc,#e63946,#f0c950);box-shadow:0 6px 24px rgba(212,175,55,.35);padding:8px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.proof-meta .who{font-size:14px}
.proof-meta .who b{color:var(--ink-0);display:block;font-weight:500}
.proof-meta .who span{color:var(--ink-2)}
.proof-numbers{display:flex;gap:32px;margin-left:auto;flex-wrap:wrap}
.proof-numbers div{font-size:13px;color:var(--ink-2)}
.proof-numbers div b{display:block;font-family:'Oxanium',sans-serif;font-size:22px;color:var(--accent);font-weight:700}

.objection-grid{margin-top:40px}
.objection .obj-q{font-family:'Oxanium',sans-serif;font-size:20px;font-weight:700;color:var(--ink-0);margin-bottom:12px}
.objection p{font-size:14px;color:var(--ink-1);margin:0}

.compliance{padding:80px 0;border-top:1px solid var(--line)}
.badge{padding:18px 14px;text-align:center}
.badge b{display:block;font-family:'Oxanium',sans-serif;font-size:14px;color:var(--ink-0);font-weight:700;letter-spacing:.02em}
.badge span{display:block;font-size:11px;color:var(--ink-3);margin-top:4px;font-family:'Archivo',sans-serif;letter-spacing:.06em;font-weight:600}

.magnet{position:relative;overflow:hidden}
.electric-wrap{position:relative;max-width:680px;margin:0 auto;padding:3px;border-radius:var(--radius-l);overflow:hidden}
.electric-wrap::before{content:'';position:absolute;inset:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent 40%,#f0c950 50%,transparent 60%,transparent 100%);animation:electric-spin 3s linear infinite;opacity:0;transition:opacity .6s ease}
.electric-wrap::after{content:'';position:absolute;inset:-50%;width:200%;height:200%;background:conic-gradient(from 180deg at 50% 50%,transparent 0%,transparent 42%,rgba(212,175,55,.4) 50%,transparent 58%,transparent 100%);animation:electric-spin 2.4s linear infinite;filter:blur(6px);opacity:0;transition:opacity .6s ease}
.electric-wrap.electric-active::before{opacity:.8}
.electric-wrap.electric-active::after{opacity:.6}
@keyframes electric-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.electric-wrap.electric-success::before{background:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent 40%,#22c55e 50%,transparent 60%,transparent 100%);animation:electric-spin 2.5s linear infinite;opacity:1}
.electric-wrap.electric-success::after{background:conic-gradient(from 180deg at 50% 50%,transparent 0%,transparent 42%,rgba(34,197,94,.5) 50%,transparent 58%,transparent 100%);animation:electric-spin 2s linear infinite;filter:blur(8px);opacity:.8}
.electric-wrap.electric-error::before{background:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent 40%,#e63946 50%,transparent 60%,transparent 100%);animation:electric-spin 2s linear infinite;opacity:1}
.electric-wrap.electric-error::after{background:conic-gradient(from 180deg at 50% 50%,transparent 0%,transparent 42%,rgba(230,57,70,.5) 50%,transparent 58%,transparent 100%);animation:electric-spin 1.6s linear infinite;filter:blur(8px);opacity:.8}
[data-theme="light"] .electric-wrap::before{background:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent 40%,rgba(166,124,0,.9) 50%,transparent 60%,transparent 100%)}
[data-theme="light"] .electric-wrap::after{background:conic-gradient(from 180deg at 50% 50%,transparent 0%,transparent 42%,rgba(166,124,0,.4) 50%,transparent 58%,transparent 100%)}
[data-theme="light"] .electric-wrap.electric-success::before{background:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent 40%,rgba(22,163,74,.95) 50%,transparent 60%,transparent 100%)}
[data-theme="light"] .electric-wrap.electric-success::after{background:conic-gradient(from 180deg at 50% 50%,transparent 0%,transparent 42%,rgba(22,163,74,.5) 50%,transparent 58%,transparent 100%)}
[data-theme="light"] .electric-wrap.electric-error::before{background:conic-gradient(from 0deg at 50% 50%,transparent 0%,transparent 40%,rgba(220,38,38,.95) 50%,transparent 60%,transparent 100%)}
[data-theme="light"] .electric-wrap.electric-error::after{background:conic-gradient(from 180deg at 50% 50%,transparent 0%,transparent 42%,rgba(220,38,38,.5) 50%,transparent 58%,transparent 100%)}
.magnet-box{display:grid;grid-template-columns:1fr;gap:36px;max-width:none;margin:0;padding:clamp(20px,4vw,64px);border:none;border-radius:calc(var(--radius-l) - 3px);background:var(--bg-1);position:relative;z-index:1;text-align:center;transition:background .4s ease}
.magnet-box:hover{background:#251840}
@media(max-width:900px){.magnet-box{grid-template-columns:1fr}}
.magnet form{display:grid;gap:12px;position:relative;z-index:1}
.magnet input{padding:14px 18px;border-radius:var(--radius-m);border:1px solid var(--line-strong);background:rgba(0,0,0,.4);color:var(--ink-0);font-family:inherit;font-size:15px;transition:border-color .2s}
.magnet input:focus{outline:0;border-color:var(--accent)}
.magnet input::placeholder{color:var(--ink-3)}
.magnet-privacy{font-size:12px;color:var(--ink-3);margin-top:4px}

.faq-list{display:flex;flex-direction:column;margin-top:40px;border-top:1px solid var(--line)}
details.faq{border-bottom:1px solid var(--line);padding:24px 0;cursor:pointer}
details.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:'Oxanium',sans-serif;font-size:clamp(17px,1.6vw,20px);font-weight:700;color:var(--ink-0)}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";font-family:'Archivo',sans-serif;color:var(--accent);font-size:24px;font-weight:300;display:inline-block;will-change:transform;transition:transform .6s cubic-bezier(.22,1,.36,1)}
details.faq[open] summary::after{transform:rotate(45deg)}
details.faq .a{max-width:72ch;color:var(--ink-2);font-size:15.5px;overflow:hidden;max-height:0;opacity:0;transition:max-height .6s cubic-bezier(.22,1,.36,1),opacity .5s ease,padding .6s cubic-bezier(.22,1,.36,1);padding-top:0}
details.faq[open] .a{max-height:400px;opacity:1;padding-top:16px}
details.faq .a>.a-inner{overflow:hidden}

.cta-final{padding:120px 0;border-top:1px solid var(--line);background:none;overflow:hidden}
.cta-final::before{display:none}
@keyframes cta-breathe{0%,100%{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}
.cta-final .wrap{text-align:center}
.cta-final h2{max-width:20ch;margin-left:auto;margin-right:auto}
.cta-final .lead{margin:0 auto 36px;text-align:center}
.cta-final .hero-cta{justify-content:center}
.session-form-box{max-width:none;margin:0;padding:clamp(20px,4vw,64px);border:none;border-radius:calc(var(--radius-l) - 3px);background:var(--bg-1);position:relative;z-index:1;text-align:left;transition:background .4s ease}
.session-form-box:hover{background:#251840}
.session-form{display:grid;gap:16px}
.session-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.session-field{display:flex;flex-direction:column;gap:6px}
.session-field label{font-family:'Archivo',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-weight:700}
.session-field input,.session-field textarea{padding:14px 18px;border-radius:var(--radius-m);border:1px solid var(--line-strong);background:rgba(0,0,0,.4);color:var(--ink-0);font-family:inherit;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}
.session-field input:focus,.session-field textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 12px rgba(212,175,55,.15)}
.session-field input::placeholder,.session-field textarea::placeholder{color:var(--ink-3)}
.session-privacy{font-size:12px;color:var(--ink-3);margin-top:8px;text-align:center}
.anydesk-box{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(24px,3vw,40px);border:1px solid var(--line-strong);border-radius:var(--radius-l);background:linear-gradient(135deg,rgba(212,175,55,.04),rgba(192,132,252,.03))}
@media(max-width:700px){.anydesk-box{flex-direction:column;text-align:center}}

footer{background:var(--bg-1);border-top:1px solid var(--line);padding:60px 0 40px;font-size:14px;color:var(--ink-2)}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
@media(max-width:800px){footer .wrap{grid-template-columns:1fr 1fr}}
footer h5{font-family:'Archivo',sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin:0 0 16px;font-weight:700}
footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
footer a:hover{color:var(--ink-0);text-shadow:0 0 8px rgba(255,255,255,.3)}
[data-theme="light"] footer a:hover{color:var(--ink-0);text-shadow:0 0 8px rgba(0,0,0,.2)}
footer a.social-btn,footer a.social-btn:hover{color:#080b14}
.footer-bottom{max-width:var(--maxw);margin:40px auto 0;padding:24px var(--pad) 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ink-3);font-family:'Archivo',sans-serif;letter-spacing:.04em;font-weight:600}

.s3d,.s3d-card,.s3d-left,.s3d-right,.s3d-rise{opacity:1;transform:none}
body.s3d-ready .s3d{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
body.s3d-ready .s3d.in{opacity:1;transform:none}
body.s3d-ready .s3d-card{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
body.s3d-ready .s3d-card.in{opacity:1;transform:none}
body.s3d-ready .s3d-left{opacity:0;transform:translateX(-12px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
body.s3d-ready .s3d-left.in{opacity:1;transform:none}
body.s3d-ready .s3d-right{opacity:0;transform:translateX(12px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
body.s3d-ready .s3d-right.in{opacity:1;transform:none}
body.s3d-ready .s3d-rise{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
body.s3d-ready .s3d-rise.in{opacity:1;transform:none}
.hero-parallax{will-change:transform}

html{scroll-behavior:smooth;scroll-padding-top:70px}
section[id]{scroll-margin-top:70px}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;pointer-events:none;overflow:hidden}
.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-3),var(--accent));transform-origin:left;transform:scaleX(0);will-change:transform}
.back-top{position:fixed;bottom:28px;right:28px;width:42px;height:42px;border-radius:99px;background:rgba(17,19,32,.85);backdrop-filter:blur(10px);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;z-index:40;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1);cursor:pointer;color:var(--ink-2)}
.back-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.back-top:hover{background:var(--accent);border-color:var(--accent);color:#080b14;transform:translateY(-2px)}
.cursor-glow{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.035),transparent 50%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%);will-change:transform;opacity:0;transition:opacity .5s ease}
body.loaded .cursor-glow{opacity:1}
.dilemma::after,.magnet::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(60%,500px);height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.12),transparent);pointer-events:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.page-content{display:block;scroll-margin-top:60px}
.page-content[id]>section:first-child{padding-top:24px}
.preview-grid{margin-top:48px}
.preview-card{cursor:pointer;display:flex;flex-direction:column;gap:10px;text-decoration:none;position:relative;overflow:hidden}
.preview-card h3{font-size:16px;margin:0}
.preview-card p{font-size:13px;color:var(--ink-1);margin:0;line-height:1.45;flex-grow:1}
.preview-card .preview-link{font-family:'Archivo',sans-serif;font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;margin-top:auto;padding-top:8px;transition:color .3s ease;font-weight:700}
.preview-card:hover .preview-link{color:var(--accent)}
.home-snapshot{padding:80px 0;border-top:1px solid var(--line);position:relative}
.home-snapshot::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(60%,500px);height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.12),transparent);pointer-events:none}
.home-cta-bar{padding:80px 0;text-align:center}

.testimonials-section{padding:80px 0;background:var(--bg-1)}
.testimonials-header{text-align:center;margin-bottom:48px}
.testimonials-header h2{font-family:'Oxanium',sans-serif;font-size:clamp(24px,3vw,32px);font-weight:700;color:var(--ink-0);margin-bottom:12px}
.testimonials-header p{font-size:15px;color:var(--ink-2);max-width:500px;margin:0 auto}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.testimonial-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-m);padding:32px 28px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease,background .3s ease}
@media(hover:hover){.testimonial-card:hover{border-color:rgba(212,175,55,.2);box-shadow:0 0 12px rgba(212,175,55,.06);transform:translateY(-2px)}}
.testimonial-card .stars{font-size:16px;letter-spacing:1px}
.testimonial-card .stars .on{color:var(--warning)}
.testimonial-card .stars .off{color:var(--ink-3)}
.testimonial-card blockquote{font-size:14px;color:var(--ink-1);line-height:1.7;flex:1;margin:0;font-style:italic}
.testimonial-card .author{display:flex;align-items:center;gap:10px;margin-top:8px}
.testimonial-card .author-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-3));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#0d0a1a}
.testimonial-card .author-name{font-size:13px;font-weight:600;color:var(--ink-0)}
.testimonial-card .author-company{font-size:11px;color:var(--ink-3)}
[data-theme="light"] .testimonial-card{background:var(--bg-1);border-color:rgba(90,60,0,.08)}
@media(hover:hover){[data-theme="light"] .testimonial-card:hover{border-color:rgba(166,124,0,.3);box-shadow:0 0 12px rgba(166,124,0,.1)}}

/* ═══════════════════════════════════════════════════════
   RESPONSIVE — Mobile-first device optimisation
   Breakpoints: 360, 480, 600, 800, 1000, 1100
   ═══════════════════════════════════════════════════════ */

/* ─── Global: prevent ALL overflow/distortion ─── */
.btn{max-width:100%;text-align:center;white-space:normal;word-break:break-word}
.kicker{white-space:normal;text-align:center}
.hero{perspective:none;min-height:100vh;min-height:100dvh}
.hero-bg-img{transform:none;width:100%;height:100%;inset:0}

/* ─── iOS Safari viewport fix ─── */
@supports(height:100dvh){
  .hero{min-height:100dvh}
}
@supports(-webkit-touch-callout:none){
  .hero{min-height:-webkit-fill-available}
}

/* ─── Prevent form zoom on iOS (inputs must be 16px) ─── */
@media(max-width:800px){
  input,textarea,select{font-size:16px !important}
}

/* ─── 1100px: Tablet landscape / small desktop ─── */
@media(max-width:1100px){
  .nav-actions{gap:6px}
  .nav-actions .btn{padding:9px 14px;font-size:12px}
  .nav-actions .btn .arrow{display:none}
  .nav-btn-support{display:none}
  .hero-grid{gap:40px}
}

/* ─── 1000px: Tablet portrait ─── */
@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .hero-meta{order:2}
  .doctrine-grid{grid-template-columns:1fr;gap:32px}
  .pillars-grid{grid-template-columns:repeat(2,1fr)}
  .preview-grid{grid-template-columns:repeat(3,1fr)}
}

/* ─── 800px: Mobile nav trigger ─── */
@media(max-width:800px){
  .menu-toggle{display:flex}
  .nav-links{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:rgba(13,10,26,.99);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;font-size:18px;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease;transform:scale(.98);z-index:1000;display:flex;padding:80px 20px 24px;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;text-align:center;padding:14px 20px;border-radius:var(--radius-m);border:1px solid transparent;transition:none;color:var(--ink-1);font-weight:500;font-size:18px;letter-spacing:.01em;min-height:48px;flex-shrink:0}
  .nav-links a:hover,.nav-links a.active{background:none!important;border-color:transparent!important;color:var(--accent)!important;transform:none!important;-webkit-text-stroke:0!important;text-shadow:none!important}
  .nav-links a::after{display:none}
  .nav-home-link{display:flex}
  .nav-dropdown{flex-direction:column;width:100%;max-width:320px;align-items:center}
  .nav-drop-trigger{justify-content:center;width:100%;max-width:320px;margin:0 auto;padding:14px 20px;border-radius:var(--radius-m);border:1px solid rgba(212,175,55,.2);background:rgba(212,175,55,.06);min-height:48px;font-size:18px;font-weight:500;color:var(--ink-1)}
  .nav-drop-trigger::after{display:none}
  .nav-dropdown.open .nav-drop-trigger{background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.2);color:#fff;border-radius:var(--radius-m)}
  .nav-dropdown.open .drop-arrow{transform:rotate(180deg)}
  .nav-drop-menu{position:static!important;transform:none!important;left:auto!important;opacity:1;visibility:visible;pointer-events:auto;min-width:0;width:100%!important;max-width:320px!important;padding:0;border:none!important;background:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none!important;max-height:0;overflow:hidden;transition:max-height .35s ease}
  .nav-dropdown.open .nav-drop-menu{max-height:600px;padding:4px 0}
  .nav-drop-menu a{padding:12px 24px;font-size:15px;color:var(--ink-2);justify-content:center;white-space:normal;opacity:1!important;transform:none!important;border-radius:var(--radius-s);text-align:center;width:100%;max-width:320px!important;margin:0 auto;transition:color .25s ease,background .25s ease!important;display:flex;align-items:center}
  .nav-drop-menu a:hover,.nav-drop-menu a:focus,.nav-drop-menu a:active{transform:none!important;-webkit-text-stroke:0!important;text-shadow:none!important;color:var(--accent)!important;background:none!important;border:none!important;box-shadow:none!important;position:static!important;width:100%!important;max-width:320px!important;margin:0 auto!important;padding:12px 24px!important}
  .nav-drop-menu a::before,.nav-drop-menu a::after{display:none!important}
  .nav-dropdown:hover,.nav-dropdown:hover .nav-drop-menu,.nav-dropdown:hover .nav-drop-menu a{transform:none!important;position:static!important;left:auto!important;top:auto!important}
  .nav-drop-icon{display:none}
  .nav-slider{display:none}
  .nav-links.open{opacity:1;pointer-events:auto;transform:scale(1)}
  .nav-actions{display:flex;gap:0}
  .nav-actions .btn{display:none}
  .nav-actions .theme-toggle{display:flex}

  .hero{padding-top:100px;padding-bottom:60px}
  .hero-bg-img{filter:brightness(.3) saturate(1.1);opacity:.5}
  #hero-canvas{opacity:.2}

  .hero-cta{flex-direction:column;gap:10px}
  .hero-cta .btn{width:100%;justify-content:center;padding:16px 20px;font-size:15px}

  .hero-meta .row{font-size:11px;flex-direction:column;gap:3px;align-items:flex-start}

  .cost-grid{grid-template-columns:1fr}
  .how-grid{grid-template-columns:1fr}
  .dilemma-grid{grid-template-columns:1fr}
  .objection-grid{grid-template-columns:1fr}
  .metrics{grid-template-columns:repeat(2,1fr)}

  .proof-meta{flex-direction:column;align-items:flex-start;gap:12px}
  .proof-numbers{margin-left:0;gap:20px;flex-wrap:wrap}

  .insurance-box{grid-template-columns:1fr;gap:32px;padding:24px}
  .magnet-box{grid-template-columns:1fr;gap:32px;padding:24px}
  .anydesk-box{flex-direction:column;text-align:center;padding:24px}

  footer .wrap{grid-template-columns:1fr 1fr;gap:32px}

  /* Disable heavy visual effects on mobile */
  .pillar:hover{transform:none}
  .pillar::after{display:none}
  .cursor-glow{display:none}
  .hero-parallax{will-change:auto}
  .electric-wrap::before,.electric-wrap::after{animation:none;inset:0;width:100%;height:100%;filter:none;background:none}
  .electric-wrap{border:2px solid var(--accent);padding:0;border-radius:var(--radius-l)}
  .electric-wrap.electric-active::before,.electric-wrap.electric-active::after{opacity:0}
  .electric-wrap.electric-success{border-color:#22c55e}
  .electric-wrap.electric-error{border-color:var(--error)}
  .magnet-box,.session-form-box{border-radius:calc(var(--radius-l) - 2px)}
  body.s3d-ready .s3d,body.s3d-ready .s3d-card,body.s3d-ready .s3d-left,body.s3d-ready .s3d-right,body.s3d-ready .s3d-rise{transform:none;opacity:0;transition:opacity .3s ease}
  body.s3d-ready .s3d.in,body.s3d-ready .s3d-card.in,body.s3d-ready .s3d-left.in,body.s3d-ready .s3d-right.in,body.s3d-ready .s3d-rise.in{opacity:1;transform:none}
}

/* ─── 650px: Smaller tablet / large phone ─── */
@media(max-width:650px){
  :root{--pad:18px}
  .pillars-grid{grid-template-columns:1fr}
  .pillar{min-height:auto}
  .preview-grid{grid-template-columns:1fr 1fr}
  .session-form-row{grid-template-columns:1fr}
  .niche-grid{grid-template-columns:1fr}
  .compliance-grid{grid-template-columns:repeat(3,1fr)}
  .also-grid{grid-template-columns:repeat(2,1fr)}
  .insurance-facts{grid-template-columns:1fr}

  .magnet-box{gap:24px}
  .session-form-box{gap:20px}
  .proof-card{padding:24px 18px}
  .proof-card .quote{font-size:20px}

  .metrics{grid-template-columns:1fr}

  footer .wrap{grid-template-columns:1fr;gap:24px}
  .footer-bottom{flex-direction:column;text-align:center;gap:8px}
}

/* ─── 480px: Standard phone ─── */
@media(max-width:480px){
  .nav-links{gap:4px}
  .nav-links a{padding:13px 16px;font-size:17px;max-width:100%}
  .nav-dropdown{max-width:320px;align-items:center}
  .nav-drop-trigger{max-width:100%}
  .nav-drop-menu a{padding:11px 20px;font-size:14px;border-radius:var(--radius-s);max-width:300px!important;margin:0 auto}

  .hero{padding-top:90px;padding-bottom:48px}
  .hero h1{line-height:1.1}
  .hero .lead{font-size:15px;line-height:1.5}
  .kicker{font-size:10px;padding:5px 10px;display:inline-block}
  .hero-meta{padding:14px}

  h2{line-height:1.15}



  .btn{padding:13px 18px;font-size:14px}
  .btn-primary{padding:14px 20px;font-size:14px}
  .btn-ghost{padding:13px 18px;font-size:14px}
  .btn .arrow{display:none}

  .trust-track{gap:20px}
  .trust-track span{font-size:12px}

  .niche h3{font-size:17px}
  .niche .niche-icon{width:36px;height:36px}

  .also-grid{grid-template-columns:1fr}
  .also-tab{padding:20px 16px}
  .also-tab b{font-size:16px}

  .dilemma-cell{padding:24px 18px;min-height:auto}
  .cost-stat{padding:24px 18px}
  .metric{padding:24px 18px}

  .preview-grid{grid-template-columns:1fr}
  .preview-card{padding:20px 16px}

  .compliance-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .badge{padding:14px 10px}
  .badge b{font-size:12px}

  .objection{padding:20px 16px}
  .objection .obj-q{font-size:15px}
  .objection p{font-size:13px}

  .session-field input,.session-field textarea{padding:13px 14px;font-size:16px}
  .magnet input{padding:13px 14px;font-size:16px}

  .principle{grid-template-columns:40px 1fr;gap:14px}
  .principle h3{font-size:16px}
  .principle p{font-size:14px}

  .pillar h3{font-size:17px}
  .pillar p{font-size:13px}
  .pillar ul li{font-size:10px;padding:3px 8px}

  .fact{padding:14px}
  .fact .stat{font-size:26px}

  .anydesk-box{padding:18px}

  .cta-final{padding:80px 0}
  .cta-final::before{width:300px;height:300px}
}

/* ─── 360px: Small phones ─── */
@media(max-width:360px){
  .nav-links{gap:2px}
  .nav-links a{padding:11px 14px;font-size:16px;max-width:100%}
  .nav-drop-menu a{padding:10px 16px;font-size:13px;border-radius:var(--radius-s)}


  .hero{padding-top:80px;padding-bottom:40px}
  .nav{padding:12px 0}
  .nav .wrap{padding:0 12px}
  .brand{font-size:13px;letter-spacing:.12em}
  .brand .mark{width:22px;height:22px}
  .hero-meta{padding:12px}
  .hero-meta .row{font-size:10px}
  .btn{padding:12px 16px;font-size:13px}
  .compliance-grid{grid-template-columns:1fr 1fr;gap:6px}
  .badge{padding:12px 8px}
  .badge b{font-size:11px}
  .testimonials-grid{grid-template-columns:1fr}
}

/* ─── Landscape phones / short screens: compact nav so all items visible ─── */
@media(max-height:520px) and (max-width:800px){
  .nav-links{gap:0;padding:48px 24px 12px;justify-content:flex-start}
  .nav-links a{padding:8px 16px;font-size:15px;min-height:38px}
  .nav-drop-menu a{padding:8px 16px;font-size:13px}
}
@media(max-height:400px) and (max-width:800px){
  .nav-links{padding:40px 24px 8px}
  .nav-links a{padding:6px 14px;font-size:14px;min-height:32px}
  .nav-drop-menu a{padding:6px 14px;font-size:12px}
}

/* ─── Reduced motion: disable ALL animations ─── */
@media(prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  .s3d,.s3d-card,.s3d-left,.s3d-right,.s3d-rise{opacity:1 !important;transform:none !important}
}


<script>
(function(){
  var s = sessionStorage.getItem('enorby-theme');
  var theme = s || (window.matchMedia('(prefers-color-scheme:light)').matches ? 'light' : 'dark');
  if(theme === 'light') document.documentElement.setAttribute('data-theme','light');
})();
</script>
</head>
<body>

<div class="scroll-progress"><div class="scroll-progress-bar" id="scrollBar"></div></div>
<div class="cursor-glow" id="cursorGlow"></div>
<a href="#top" class="back-top" id="backTop" aria-label="Back to top"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 19V5M5 12l7-7 7 7"/></svg></a>

<header class="nav" id="mainNav" aria-label="Primary">
  <div class="wrap">
    <a href="#top" class="brand" aria-label="ENORBY home"><span class="mark" aria-hidden="true"></span><span>ENORBY</span></a>
    <button class="menu-toggle" id="menuToggle" aria-label="Open menu" aria-expanded="false"><span></span><span></span><span></span></button>
    <nav class="nav-links" id="navLinks" aria-label="Sections">
      <a href="#top" class="nav-home-link">Home</a>
      <div class="nav-dropdown">
        <a href="#industries" class="nav-drop-trigger">Who we help <svg class="drop-arrow" viewBox="0 0 12 12" width="10" height="10"><path d="M3 5l3 3 3-3" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
        <div class="nav-drop-menu">
          <a href="#industries"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M4 7h16M4 12h16M4 17h10"/></svg></span>Accounting Firms</a>
          <a href="#industries"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M12 2a7 7 0 017 7c0 5-7 13-7 13S5 14 5 9a7 7 0 017-7z"/><circle cx="12" cy="9" r="2.5"/></svg></span>Medical &amp; Health</a>
          <a href="#industries"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg></span>Legal Practices</a>
          <a href="#industries"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M12 1v22M17 5H9.5a3.5 3.5 0 100 7h5a3.5 3.5 0 110 7H6"/></svg></span>Financial Services</a>
          <a href="#industries"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M2 20h20M5 20V10l7-7 7 7v10"/><path d="M9 20v-6h6v6"/></svg></span>Construction &amp; Trades</a>
          <a href="#industries"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg></span>Professional Services</a>
        </div>
      </div>
      <div class="nav-dropdown">
        <a href="#how" class="nav-drop-trigger">Services <svg class="drop-arrow" viewBox="0 0 12 12" width="10" height="10"><path d="M3 5l3 3 3-3" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
        <div class="nav-drop-menu">
          <a href="#how"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M9 18l6-6-6-6"/></svg></span>How it works</a>
          <a href="#capabilities"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2zM22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"/></svg></span>IT Strategy &amp; Planning</a>
          <a href="#capabilities"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4zM3 6h18"/><path d="M16 10a4 4 0 01-8 0"/></svg></span>Procurement &amp; Licensing</a>
          <a href="#capabilities"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="8.5" cy="7" r="4"/><path d="M20 8v6M23 11h-6"/></svg></span>User Onboarding</a>
          <a href="#capabilities"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg></span>Infrastructure Deployment</a>
          <a href="#capabilities"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></span>Cybersecurity</a>
          <a href="#capabilities"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg></span>Backup &amp; Disaster Recovery</a>
          <a href="#capabilities"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg></span>Ongoing Support</a>
          <a href="#capabilities"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg></span>Monitoring &amp; Maintenance</a>
          <a href="#capabilities"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M16 17l5-5-5-5M21 12H9"/></svg></span>Offboarding &amp; Decommissioning</a>
        </div>
      </div>
      <div class="nav-dropdown">
        <a href="#doctrine" class="nav-drop-trigger">About us <svg class="drop-arrow" viewBox="0 0 12 12" width="10" height="10"><path d="M3 5l3 3 3-3" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
        <div class="nav-drop-menu">
          <a href="#doctrine"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M12 20V10M18 20V4M6 20v-4"/></svg></span>How we work</a>
          <a href="#proof"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 000-7.78z"/></svg></span>Behind the brand</a>
          <a href="#assessment"><span class="nav-drop-icon"><svg viewBox="0 0 24 24"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg></span>Free IT Scorecard</a>
        </div>
      </div>
      <a href="#briefing">Book a Strategy Session</a>
      <a href="#faq">FAQ</a>
      <span class="nav-slider" id="navSlider"></span>
    </nav>
    <div class="nav-actions" style="display:flex;gap:10px;align-items:center">
      <button class="theme-toggle" id="themeToggle" aria-label="Toggle light/dark mode">
        <svg class="icon-sun" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
        <svg class="icon-moon" viewBox="0 0 24 24" aria-hidden="true"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg>
      </button>
      <a href="#quicksupport" class="btn btn-ghost nav-btn-support" aria-label="Quick IT support">Quick IT Support</a>
      <a href="#assessment" class="btn btn-primary nav-btn-cta" aria-label="Free IT Assessment">Free IT Assessment <span class="arrow">&rarr;</span></a>
    </div>
  </div>
</header>

<div class="page-content" data-page="home">
<!-- HERO -->
<section id="top" class="hero" aria-label="Introduction">
  <div class="hero-bg-img" aria-hidden="true"></div>
  <canvas id="hero-canvas" aria-hidden="true"></canvas>
  <div class="wrap">
    <div class="hero-grid">
      <div>
        <span class="kicker s3d hero-parallax" data-speed="0.03">Secure, Managed IT for Serious Businesses That Can't Afford Downtime</span>
        <h1 class="s3d-rise hero-parallax" data-speed="0.05" style="margin-top:28px">
          Stop Worrying About Your IT. <span class="glow">Start Growing Your Business.</span>
        </h1>
        <p class="lead s3d hero-parallax" data-speed="0.04">
          One cyberattack, one prolonged outage, one data loss event &mdash; any of these will cripple a business. ENORBY protects businesses across Auckland and all of NZ with reliable IT management and cybersecurity so technology stays out of your way.
        </p>
        <div class="hero-cta s3d">
          <a href="#capabilities" class="btn btn-ghost">See How We Protect You</a>
          <a href="#assessment" class="btn btn-primary">Get Your Free IT Risk Score <span class="arrow">&rarr;</span></a>
        </div>
        <p class="s3d hero-parallax" data-speed="0.01" style="font-family:'Archivo',sans-serif;font-size:12px;color:var(--ink-3);margin-top:16px;letter-spacing:.04em;font-weight:600">No obligation. No sales pitch. A clear picture of where your IT stands.</p>
      </div>
      <aside class="hero-meta s3d-right" aria-label="What you get">
        <div class="row"><span>Response</span><b>Same-day for all critical issues</b></div>
        <div class="divider"></div>
        <div class="row"><span>Security</span><b>Continuous monitoring &amp; protection</b></div>
        <div class="divider"></div>
        <div class="row"><span>Backups</span><b>Verified regularly with tested restores</b></div>
        <div class="divider"></div>
        <div class="row"><span>Contracts</span><b>Month-to-month, cancel anytime &mdash; or yearly</b></div>
        <div class="divider"></div>
        <div class="row"><span>Location</span><b>Auckland &middot; serving all of NZ</b></div>
      </aside>
    </div>
  </div>
</section>

<!-- TRUST BAR -->
<section class="trust" aria-label="Platforms we manage">
  <div class="wrap">
    <div class="trust-label">Platforms we manage and protect</div>
    <div class="trust-logos">
      <div class="trust-track">
        <span>Microsoft&nbsp;365</span><span>Azure</span><span>AWS</span><span>On-Premises&nbsp;Servers</span>
        <span>Networks&nbsp;&amp;&nbsp;Wi-Fi</span><span>Email&nbsp;Security</span><span>Cloud&nbsp;Backup</span>
        <span>Endpoint&nbsp;Protection</span><span>Identity&nbsp;&amp;&nbsp;Access</span>
        <span>Microsoft&nbsp;365</span><span>Azure</span><span>AWS</span><span>On-Premises&nbsp;Servers</span>
        <span>Networks&nbsp;&amp;&nbsp;Wi-Fi</span><span>Email&nbsp;Security</span><span>Cloud&nbsp;Backup</span>
        <span>Endpoint&nbsp;Protection</span><span>Identity&nbsp;&amp;&nbsp;Access</span>
      </div>
    </div>
  </div>
</section>

<!-- EXPLORE ENORBY — Preview cards -->
<section class="home-snapshot" aria-label="Explore ENORBY">
  <div class="wrap">
    <div class="s3d" style="text-align:center;max-width:56ch;margin:0 auto">
      <span class="kicker">Explore ENORBY</span>
      <h2 style="margin-top:22px">Everything you need to know &mdash; at a glance.</h2>
    </div>

    <div class="preview-grid e-grid e-grid-5 s3d-card">
      <a class="preview-card e-card" data-goto="industries">
        <div class="preview-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 21v-1a6 6 0 016-6h4a6 6 0 016 6v1"/></svg></div>
        <h3>Who We Help</h3>
        <p>Accounting, medical, legal, and financial businesses that handle sensitive data and can&rsquo;t afford downtime.</p>
        <div class="preview-link">Explore &rarr;</div>
      </a>
      <a class="preview-card e-card" data-goto="capabilities">
        <div class="preview-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/></svg></div>
        <h3>Our Services</h3>
        <p>9 service pillars from strategy to decommissioning. Full lifecycle IT management under one roof.</p>
        <div class="preview-link">Explore &rarr;</div>
      </a>
      <a class="preview-card e-card" data-goto="about">
        <div class="preview-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg></div>
        <h3>About Us</h3>
        <p>Selective by design. A focused client portfolio so every business gets dedicated, uncompromised attention.</p>
        <div class="preview-link">Explore &rarr;</div>
      </a>
      <a class="preview-card e-card" data-goto="assessment">
        <div class="preview-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M9 11l3 3 8-8"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg></div>
        <h3>Free IT Scorecard</h3>
        <p>A 20-point diagnostic across infrastructure, security, and backup. Scored report in five minutes.</p>
        <div class="preview-link">Start free &rarr;</div>
      </a>
      <a class="preview-card e-card" data-goto="faq">
        <div class="preview-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M9 9a3 3 0 015.12 1.5c0 2-3.12 2.5-3.12 4.5"/><circle cx="12" cy="18" r=".5"/></svg></div>
        <h3>FAQ</h3>
        <p>Pricing, contracts, response times, and how we differ from other IT companies in Auckland.</p>
        <div class="preview-link">Read answers &rarr;</div>
      </a>
    </div>
  </div>
</section>

<!-- HOME CTA -->
<section class="home-cta-bar" aria-label="Get started">
  <div class="wrap">
    <h2 class="s3d-rise" style="max-width:22ch;margin:0 auto .4em">Ready to stop worrying about your IT?</h2>
    <p class="lead s3d" style="text-align:center;margin:0 auto 32px;max-width:50ch">Book a free, no-obligation strategy session. 30 minutes to assess your current IT, identify the gaps, and see exactly how we can help.</p>
    <div style="display:flex;flex-wrap:wrap;gap:12px;justify-content:center" class="s3d-card">
      <a href="#assessment" class="btn btn-ghost">Get your free IT Scorecard first</a>
      <a href="#briefing" class="btn btn-primary">Reserve Your Strategy Session <span class="arrow">&rarr;</span></a>
    </div>
  </div>
</section>
</div>

<div class="page-content" data-page="industries" id="industries">
<!-- WHO WE HELP (from v2) -->
<section aria-label="Industries we serve">
  <div class="wrap">
    <div class="s3d" style="max-width:66ch">
      <span class="kicker">Who we help</span>
      <h2 style="margin-top:22px">IT management and cybersecurity for businesses that handle sensitive data.</h2>
      <p class="lead">If your business stores client files, financial records, patient data, or legal documents &mdash; you need IT that is secure, compliant, and reliably available. We specialise in industries where downtime and data breaches are not just inconvenient, they are existential.</p>
    </div>
    <div class="niche-grid e-grid e-grid-4 s3d-card">
      <div class="niche e-card">
        <div class="niche-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M3 3v18h18"/><path d="M7 16l4-4 4 4 5-5"/></svg></div>
        <h3>Accounting Firms</h3>
        <p>Client financial data, IRD deadlines, and tax season peaks demand IT that delivers consistently. We manage your infrastructure, backups, and security so your systems stay fast and compliant year-round.</p>
      </div>
      <div class="niche e-card">
        <div class="niche-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 2v20M2 12h20"/><rect x="8" y="8" width="8" height="8" rx="1"/></svg></div>
        <h3>Medical &amp; Health</h3>
        <p>Patient records and health data demand airtight security. We handle your backups, endpoint protection, and compliance so you meet Privacy Act and health sector requirements without thinking about IT.</p>
      </div>
      <div class="niche e-card">
        <div class="niche-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 2L2 7h20L12 2z"/><path d="M12 7v10"/><path d="M5 17h14"/><path d="M3 21h18"/><path d="M7 7v10M17 7v10"/></svg></div>
        <h3>Legal Practices</h3>
        <p>Client privilege, case files, and confidential communications. Your reputation depends on keeping data safe. We lock down your systems, monitor threats, and ensure verified backups are always ready.</p>
      </div>
      <div class="niche e-card">
        <div class="niche-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="2" y="6" width="20" height="14" rx="2"/><path d="M2 10h20"/><path d="M6 14h4"/></svg></div>
        <h3>Financial Services</h3>
        <p>Transaction data, regulatory compliance, and client trust. We deliver the infrastructure hardening, disaster recovery, and security posture that regulators and insurers expect.</p>
      </div>
    </div>
    <div class="s3d" style="margin-top:28px;text-align:center">
      <p style="font-size:20px;color:var(--ink-0);margin-bottom:20px;font-weight:600">Also serving</p>
      <div class="also-grid e-grid e-grid-5">
        <div class="also-tab e-card"><b>Multi-location Retail</b><span>Reliable networks, verified backups &amp; consistent security across every location</span></div>
        <div class="also-tab e-card"><b>Property Management</b><span>Devices secured, data backed up &amp; staff always connected</span></div>
        <div class="also-tab e-card"><b>Professional Services</b><span>Proactive monitoring, threat protection &amp; zero-hassle IT</span></div>
        <div class="also-tab e-card"><b>5&ndash;80 Staff</b><span>Right-sized IT that scales with your headcount</span></div>
        <div class="also-tab e-card"><b>All of New Zealand</b><span>Auckland-based with remote support nationwide</span></div>
      </div>
    </div>
  </div>
</section>

<!-- THE RISK YOU ARE CARRYING -->
<section id="problems" class="dilemma" aria-label="Problems we solve">
  <div class="wrap">
    <div class="eyebrow-row s3d">
      <div>
        <span class="kicker">The risk you are carrying</span>
        <h2 style="margin-top:22px;max-width:18ch">Most businesses don&rsquo;t know how exposed they are &mdash; until something goes wrong.</h2>
      </div>
      <p class="lead" style="max-width:44ch">
        These are not hypothetical scenarios. They are happening to New Zealand businesses right now. The only question is whether you are prepared.
      </p>
    </div>
    <div class="dilemma-grid e-grid e-grid-3 s3d-card">
      <div class="dilemma-cell e-card">
        <div>
          <div class="num">01 / DOWNTIME</div>
          <h3>Every hour of downtime costs you money and trust.</h3>
        </div>
        <p>When your email goes down, your files become inaccessible, or your systems crash &mdash; your entire team stops. Clients notice. Deadlines slip. Revenue disappears.</p>
      </div>
      <div class="dilemma-cell e-card">
        <div>
          <div class="num">02 / CYBER THREATS</div>
          <h3>You are a target. Even if you don&rsquo;t think you are.</h3>
        </div>
        <p>Phishing emails, ransomware, and data breaches are not just a big-company problem. Small and medium businesses are the primary target because they are the least protected.</p>
      </div>
      <div class="dilemma-cell e-card">
        <div>
          <div class="num">03 / POOR IT MANAGEMENT</div>
          <h3>Your current IT is costing you more than you realise.</h3>
        </div>
        <p>Slow response times, band-aid fixes, no documentation, and no strategy. If your IT feels like a constant frustration, it is because nobody is managing it properly.</p>
      </div>
    </div>
  </div>
</section>

<!-- COST OF INACTION (from v2, supports risk section) -->
<section class="cost-bar" aria-label="The cost of inaction">
  <div class="wrap">
    <p class="s3d" style="text-align:center;font-family:'Oxanium',sans-serif;font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cta-warm);margin-bottom:24px;text-shadow:0 0 8px rgba(212,175,55,.4)">The cost of doing nothing</p>
    <div class="cost-grid e-grid e-grid-3 s3d-card">
      <div class="cost-stat e-card">
        <div class="big">$12,500/hr</div>
        <div class="cap">Average cost of unplanned downtime for NZ small businesses <span style="font-size:10px;color:var(--ink-3);display:block;margin-top:4px">Source: CERT NZ Annual Report 2023</span></div>
      </div>
      <div class="cost-stat e-card">
        <div class="big">60%</div>
        <div class="cap">of small businesses close within 6 months of a major cyber incident <span style="font-size:10px;color:var(--ink-3);display:block;margin-top:4px">Source: National Cyber Security Alliance, 2023</span></div>
      </div>
      <div class="cost-stat e-card">
        <div class="big">43%</div>
        <div class="cap">of all cyberattacks target small-to-medium businesses <span style="font-size:10px;color:var(--ink-3);display:block;margin-top:4px">Source: Verizon DBIR 2024</span></div>
      </div>
    </div>
    <p class="s3d" style="text-align:center;font-size:14px;color:var(--ink-2);margin-top:24px;max-width:56ch;margin-left:auto;margin-right:auto">This is preventable. With the right IT management, you eliminate these risks before they reach your business.</p>
    <div style="text-align:center;margin-top:20px"><a href="#assessment" class="btn btn-primary s3d">Find Out If You Are Protected <span class="arrow">&rarr;</span></a></div>
  </div>
</section>
</div>

<div class="page-content" data-page="capabilities" id="how">
<!-- HOW IT WORKS -->
<section aria-label="How we solve it">
  <div class="wrap">
    <div class="s3d" style="max-width:66ch">
      <span class="kicker">How it works</span>
      <h2 style="margin-top:22px">We take IT off your plate &mdash; in three steps.</h2>
      <p class="lead">No jargon. No confusion. No disruption. We assess your current situation, fix what is broken, and then manage everything going forward so you don&rsquo;t have to think about it.</p>
    </div>
    <div class="how-grid e-grid e-grid-3 s3d-card">
      <div class="how-step e-card">
        <div class="step-num">STEP 01</div>
        <h3>We assess your risk</h3>
        <p>A thorough review of your current IT setup, security gaps, backup integrity, and compliance posture. You get a clear, jargon-free report with a prioritised action plan.</p>
      </div>
      <div class="how-step e-card">
        <div class="step-num">STEP 02</div>
        <h3>We fix what is broken</h3>
        <p>We address the critical vulnerabilities first &mdash; securing your data, stabilising your systems, and closing the gaps that put your business at risk.</p>
      </div>
      <div class="how-step e-card">
        <div class="step-num">STEP 03</div>
        <h3>We manage everything</h3>
        <p>Ongoing monitoring, maintenance, security updates, user support, and strategic reviews. Your IT runs quietly in the background while you focus on your business.</p>
      </div>
    </div>
  </div>
</section>

<!-- OUR SERVICES (from premium — 9 pillars) -->
<section id="capabilities" class="pillars" aria-label="Capabilities">
  <div class="wrap">
    <div class="s3d" style="max-width:66ch">
      <span class="kicker">Our services</span>
      <h2 style="margin-top:22px">Full lifecycle IT management &mdash; strategy to decommissioning.</h2>
      <p class="lead">Nine service areas covering everything from planning to decommissioning. Each works on its own or as part of a fully managed environment &mdash; so you get consistency, security, and efficiency at every stage.</p>
    </div>

    <div class="pillars-grid e-grid e-grid-3" style="margin-top:56px">
      <article class="pillar e-card s3d">
        <div class="icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h12"/></svg></div>
        <h3>01 &middot; IT Strategy &amp; Architecture Planning</h3>
        <p>We start by understanding where you are and where you are heading. You get a clear IT roadmap &mdash; actionable, budgeted, and aligned to your business goals.</p>
        <ul><li>IT roadmap</li><li>Budget planning</li><li>Technology reviews</li><li>Scalability assessment</li></ul>
      </article>
      <article class="pillar e-card s3d">
        <div class="icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M3 7l9-4 9 4-9 4-9-4z"/><path d="M3 12l9 4 9-4M3 17l9 4 9-4"/></svg></div>
        <h3>02 &middot; Procurement &amp; Licensing Management</h3>
        <p>We source hardware, software, and licences at the right scale and the right price. Vendor relationships, renewals, and documentation are handled on your behalf.</p>
        <ul><li>Hardware sourcing</li><li>Software licensing</li><li>Vendor management</li><li>Cost optimisation</li></ul>
      </article>
      <article class="pillar e-card s3d">
        <div class="icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 21v-1a6 6 0 016-6h4a6 6 0 016 6v1"/></svg></div>
        <h3>03 &middot; User Onboarding &amp; Provisioning</h3>
        <p>New starters get a fully configured device, email, apps, and access &mdash; ready to go from day one. No delays, no chasing IT.</p>
        <ul><li>Device provisioning</li><li>Email &amp; identity</li><li>Application access</li><li>Onboarding documentation</li></ul>
      </article>
      <article class="pillar e-card s3d">
        <div class="icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M3 9l9-6 9 6v10H3V9z"/><path d="M9 21V12h6v9"/></svg></div>
        <h3>04 &middot; Infrastructure Deployment</h3>
        <p>Servers, networks, Wi-Fi, and applications deployed properly &mdash; on-premises, cloud, or hybrid. Every setup is documented, tested, and built to last.</p>
        <ul><li>Server deployment</li><li>Cloud platforms</li><li>Network &amp; Wi-Fi</li><li>Application integration</li></ul>
      </article>
      <article class="pillar e-card s3d">
        <div class="icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/></svg></div>
        <h3>05 &middot; Operations &amp; Service Management</h3>
        <p>Day-to-day IT handled properly &mdash; patching, updates, issue resolution, and support requests. We keep things running proactively so problems are caught before they reach your team.</p>
        <ul><li>BAU operations</li><li>Patch management</li><li>End-user support</li><li>Change management</li></ul>
      </article>
      <article class="pillar e-card s3d">
        <div class="icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M3 20h18M8 16v4M16 16v4"/></svg></div>
        <h3>06 &middot; Data Protection, Backup &amp; DR</h3>
        <p>Your email, files, and critical systems backed up with verified, tested restores. We plan for the worst &mdash; so when something goes wrong, your business keeps running.</p>
        <ul><li>Email &amp; file backup</li><li>Verified restores</li><li>DR planning</li><li>Business continuity</li></ul>
      </article>
      <article class="pillar e-card s3d">
        <div class="icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M4 7l8-4 8 4v5c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V7z"/><path d="M9 12l2 2 4-4"/></svg></div>
        <h3>07 &middot; Identity, Security &amp; Access (IAM)</h3>
        <p>MFA, single sign-on, conditional access, email threat protection, and endpoint security &mdash; layered together to keep the wrong people out and your data safe.</p>
        <ul><li>MFA &amp; SSO</li><li>Conditional access</li><li>Email threat protection</li><li>Endpoint security</li></ul>
      </article>
      <article class="pillar e-card s3d">
        <div class="icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M3 12h4l3-8 4 16 3-8h4"/></svg></div>
        <h3>08 &middot; Monitoring, Logging &amp; Compliance</h3>
        <p>We monitor your systems continuously and keep structured logs so you know what is happening at all times. Audit-ready documentation maintained for compliance, insurance, and regulatory requirements.</p>
        <ul><li>Real-time monitoring</li><li>Centralised logging</li><li>Audit-ready records</li><li>Compliance reporting</li></ul>
      </article>
      <article class="pillar e-card s3d">
        <div class="icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M6 6l1 14a2 2 0 002 2h6a2 2 0 002-2l1-14"/></svg></div>
        <h3>09 &middot; User Offboarding &amp; Decommissioning</h3>
        <p>When someone leaves, we disable accounts, recover devices, secure data, and reclaim licences. Old hardware is securely wiped. Every detail is accounted for.</p>
        <ul><li>Account deprovisioning</li><li>Secure device wipe</li><li>Data transfer</li><li>Licence reclamation</li></ul>
      </article>
    </div>
    <p class="s3d" style="margin-top:40px;text-align:center;font-size:14px;color:var(--ink-3);max-width:60ch;margin-left:auto;margin-right:auto">
      Platform and vendor agnostic. We integrate with your existing technology stack and extend support across the full range of enterprise and business applications.
    </p>
  </div>
</section>

<!-- MEASURABLE OUTCOMES -->
<section class="outcomes" aria-label="Outcomes we deliver">
  <div class="wrap">
    <div class="s3d" style="max-width:66ch">
      <span class="kicker">Measurable outcomes</span>
      <h2 style="margin-top:22px">Real improvements you will notice in the first few months.</h2>
      <p class="lead">These are the outcomes our clients consistently see &mdash; the result of proper management, proactive monitoring, and someone actually paying attention to your IT.</p>
    </div>

    <div class="metrics e-grid e-grid-4 s3d-card">
      <div class="metric e-card"><div class="big">Consistency</div><div class="cap">The same people who know your environment, every time. No ticket queues, no starting from scratch.</div></div>
      <div class="metric e-card"><div class="big">Stability</div><div class="cap">Fewer outages, faster fixes. Proactive monitoring and patching catch problems before they reach your team.</div></div>
      <div class="metric e-card"><div class="big">Efficiency</div><div class="cap">Regular licence and software audits cut waste and reduce your IT spend &mdash; so every dollar actually delivers value.</div></div>
      <div class="metric e-card"><div class="big">Readiness</div><div class="cap">New employees are set up and ready to work on day one &mdash; devices, email, apps, and access sorted before they arrive.</div></div>
    </div>
  </div>
</section>

<!-- AI-READY INFRASTRUCTURE -->
<section class="ai-section" aria-label="AI deployment and governance">
  <div class="wrap">
    <div class="s3d" style="max-width:66ch">
      <span class="kicker">AI-Ready Infrastructure</span>
      <h2 style="margin-top:22px">Your team is already using AI. We make sure it does not compromise your data.</h2>
      <p class="lead">AI tools are inside your business whether you deployed them or not. Staff are using ChatGPT, Copilot, and automation tools daily. The question is not whether to adopt AI &mdash; it is whether your data is protected while they do.</p>
    </div>

    <div class="ai-grid e-grid e-grid-2 s3d-card">
      <div class="ai-card e-card">
        <div class="ai-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M3 20h18M8 16v4M16 16v4"/><path d="M9 9h6M9 12h4"/></svg></div>
        <h3>Microsoft Copilot Deployment</h3>
        <p>We configure Copilot across your Microsoft 365 tenant &mdash; licensing, data boundaries, sensitivity labels, and staff onboarding. Your team gets AI productivity without your client data leaking into training models.</p>
      </div>
      <div class="ai-card e-card">
        <div class="ai-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M4 7l8-4 8 4v5c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V7z"/><path d="M12 11v2M12 15h.01"/></svg></div>
        <h3>AI Governance &amp; Policy</h3>
        <p>Acceptable use policies, data classification rules, and clear boundaries on which AI tools staff can and cannot use. We protect you from shadow AI &mdash; the tools your team is using without your knowledge.</p>
      </div>
      <div class="ai-card e-card">
        <div class="ai-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4"/><circle cx="12" cy="12" r="3"/></svg></div>
        <h3>Workflow Automation</h3>
        <p>Repetitive tasks eliminated. We build AI-powered automations &mdash; email triage, document processing, smart alerts, and approval flows &mdash; so your team spends time on work that matters.</p>
      </div>
      <div class="ai-card e-card">
        <div class="ai-icon e-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="2" y="3" width="20" height="18" rx="2"/><path d="M7 8h10M7 12h6M7 16h8"/></svg></div>
        <h3>Private AI Infrastructure</h3>
        <p>Self-hosted AI platforms and private cloud deployments. Your data stays on your infrastructure &mdash; not on someone else&rsquo;s servers. We deploy and maintain the systems so your business gets AI capability without the exposure.</p>
      </div>
    </div>

    <p class="s3d" style="margin-top:36px;text-align:center;font-size:14px;color:var(--ink-2);max-width:56ch;margin-left:auto;margin-right:auto">
      AI adoption done right &mdash; infrastructure secured, policies in place, productivity unlocked. No hype. No risk.
    </p>
    <div style="text-align:center;margin-top:20px"><a href="#briefing" class="btn btn-primary s3d">Discuss AI For Your Business <span class="arrow">&rarr;</span></a></div>
  </div>
</section>
</div>

<div class="page-content" data-page="about" id="doctrine">
<!-- HOW WE WORK -->
<section class="doctrine" aria-label="How we operate">
  <div class="wrap">
    <div class="doctrine-grid">
      <div class="s3d-left">
        <span class="kicker">How We Work</span>
        <h2 style="margin-top:22px">Selective by design. Exceptional by discipline.</h2>
        <p class="lead">
          Enorby operates with a focused client portfolio by design to ensure every client environment receives the focus, precision, and consistency required to perform at the level your business demands.
        </p>
        <p class="lead" style="margin-top:8px">
          This is not volume-driven support. It is considered, structured, and executed to the standard we are known for.
        </p>
      </div>
      <div class="principles s3d-right">
        <div class="principle"><div class="n">I</div><div><h3>Dedicated expertise, not a ticket queue</h3><p>A consistent team that understands your environment, your people, and your priorities. Continuity is maintained, context is retained, and service is never reduced to transactions.</p></div></div>
        <div class="principle"><div class="n">II</div><div><h3>Clarity in every interaction</h3><p>Communication is precise, transparent, and free of unnecessary complexity. Reporting is meaningful, billing is predictable, and decisions are always understood.</p></div></div>
        <div class="principle"><div class="n">III</div><div><h3>Engineered for longevity</h3><p>Systems are designed and implemented with intent &mdash; secure, resilient, and built to scale. No shortcuts, no temporary fixes, and no technical debt left behind.</p></div></div>
        <div class="principle"><div class="n">IV</div><div><h3>Ownership remains with you</h3><p>All systems, data, and access remain under your control. Enorby operates within your environment with complete transparency &mdash; never creating dependency, only capability.</p></div></div>
        <div class="principle"><div class="n">V</div><div><h3>Direct, honest, and accountable</h3><p>Expect clear boundaries, accurate expectations, and straightforward advice. Every engagement is grounded in integrity, not sales.</p></div></div>
      </div>
    </div>
  </div>
</section>

<!-- BEHIND THE BRAND -->
<section id="proof" class="proof" aria-label="About ENORBY">
  <div class="wrap">
    <div class="s3d" style="max-width:66ch;margin-bottom:40px">
      <span class="kicker">Behind the brand</span>
      <h2 style="margin-top:22px">Founded on a single principle: technology must perform without compromise.</h2>
    </div>

    <article class="proof-card s3d-rise">
      <p class="quote">ENORBY was founded in Auckland with a clear purpose &mdash; to deliver IT management that businesses rely on. Every system we touch is planned with intent, built for resilience, and managed with the kind of attention that keeps things running without interruption. We exist to make technology invisible to your team and invaluable to your business.</p>
      <div class="proof-meta">
        <div class="avatar" aria-hidden="true">E</div>
        <div class="who"><b>ENORBY</b><span>Auckland, New Zealand</span></div>
        <div class="proof-numbers">
          <div><b>Precision</b>Every environment engineered to perform</div>
          <div><b>Continuity</b>Consistent service, consistent results</div>
          <div><b>Trust</b>Your systems, your data, your control</div>
        </div>
      </div>
    </article>
  </div>
</section>

<!-- COMMON CONCERNS (from v2) -->
<section aria-label="Common concerns">
  <div class="wrap">
    <div class="s3d" style="max-width:66ch">
      <span class="kicker">Common concerns</span>
      <h2 style="margin-top:22px">Thinking one of these? You are not alone.</h2>
    </div>
    <div class="objection-grid e-grid e-grid-3 s3d-card">
      <div class="objection e-card">
        <div class="obj-q">&ldquo;We already have an IT person.&rdquo;</div>
        <p>That&rsquo;s a solid foundation. The gap most businesses discover too late is between day-to-day support and the strategic layer &mdash; continuous monitoring, tested disaster recovery, compliance documentation, and security architecture. These aren&rsquo;t things any single person can sustainably cover alone. We don&rsquo;t replace your team &mdash; we give them the infrastructure and oversight that turns good IT into bulletproof IT.</p>
      </div>
      <div class="objection e-card">
        <div class="obj-q">&ldquo;It sounds expensive.&rdquo;</div>
        <p>It&rsquo;s worth comparing that feeling against the numbers. NZ businesses lose an average of $12,500 per hour of downtime (CERT NZ, 2023). A single ransomware event averages $170,000 to resolve (Sophos, 2024). Managed IT isn&rsquo;t an added cost &mdash; it&rsquo;s the line item that stops six-figure surprises from appearing on your books. Most clients tell us it&rsquo;s the cheapest insurance decision they&rsquo;ve made.</p>
      </div>
      <div class="objection e-card">
        <div class="obj-q">&ldquo;We are too small to be a target.&rdquo;</div>
        <p>Size isn&rsquo;t what determines risk &mdash; visibility is. 43% of cyberattacks land on small businesses precisely because defences are thinner (Verizon DBIR, 2024). Modern attacks are automated and opportunistic &mdash; they scan for weak points, not company size. The businesses that don&rsquo;t get hit aren&rsquo;t lucky. They&rsquo;re simply not the easiest door to open.</p>
      </div>
    </div>
  </div>
</section>

<!-- TECHNOLOGY STACK (from premium) -->
<section class="compliance" aria-label="Technology stack">
  <div class="wrap">
    <div class="s3d" style="text-align:center;max-width:56ch;margin:0 auto 32px">
      <span class="kicker">Technology stack</span>
      <h3 style="margin-top:18px;font-family:'Oxanium',sans-serif;font-weight:700">We work with what you are already using &mdash; no forced migrations.</h3>
      <p style="color:var(--ink-2);font-size:14px">These are the platforms we work with daily. In practice, we support everything from core productivity and email to industry-specific and legacy systems.</p>
    </div>
    <div class="compliance-grid e-grid e-grid-6 s3d-card">
      <div class="badge e-card"><b>Microsoft 365</b><span>PLATFORM</span></div>
      <div class="badge e-card"><b>Azure &amp; AWS</b><span>CLOUD</span></div>
      <div class="badge e-card"><b>On-Premises Servers</b><span>INFRASTRUCTURE</span></div>
      <div class="badge e-card"><b>Networks &amp; Wi-Fi</b><span>CONNECTIVITY</span></div>
      <div class="badge e-card"><b>Endpoint &amp; Email</b><span>SECURITY</span></div>
      <div class="badge e-card"><b>Backup &amp; DR</b><span>RESILIENCE</span></div>
    </div>
    <p class="s3d" style="margin-top:32px;text-align:center;font-size:13px;color:var(--ink-3);max-width:60ch;margin-left:auto;margin-right:auto;font-style:italic">
      Got a specialised or legacy application? We confirm compatibility during the initial consultation &mdash; no surprises.
    </p>
  </div>
</section>
</div>

<div class="page-content" data-page="assessment" id="assessment">
<!-- FREE IT SCORECARD (from premium) -->
<section class="magnet" aria-label="Free IT Scorecard">
  <div class="wrap">
    <div class="electric-wrap" id="electricScorecard"><div class="magnet-box s3d-card">
      <div style="position:relative;z-index:1">
        <span class="kicker">Free IT Scorecard</span>
        <h2 style="margin-top:22px">Find out where your IT actually stands &mdash; in five minutes.</h2>
        <p class="lead" style="margin-left:auto;margin-right:auto">A 20-point diagnostic across infrastructure, security, backup, and licensing. You receive a scored report with a risk profile and three prioritised actions &mdash; delivered to your inbox. No call required. No obligation attached.</p>
      </div>
      <form id="scorecardForm" aria-label="Request free IT scorecard" autocomplete="nope">
        <label for="sc-name" style="position:absolute;left:-9999px">Name</label>
        <input id="sc-name" type="text" placeholder="Your name *" required autocomplete="nope" />
        <label for="sc-email" style="position:absolute;left:-9999px">Work email</label>
        <input id="sc-email" type="email" placeholder="Work email *" required autocomplete="nope" />
        <label for="sc-org" style="position:absolute;left:-9999px">Business name</label>
        <input id="sc-org" type="text" placeholder="Business name *" required autocomplete="nope" />
        <div style="position:absolute;left:-9999px;top:-9999px;" aria-hidden="true"><input type="text" name="website" id="sc-hp" tabindex="-1" autocomplete="nope"></div>
        <input type="hidden" id="sc-ts" value="" />
        <button type="submit" class="btn btn-primary" style="width:100%;margin-top:4px">Start My IT Scorecard <span class="arrow">&rarr;</span></button>
      </form>
    </div></div>
  </div>
</section>
</div>

<div class="page-content" data-page="briefing">
<!-- LIMITED AVAILABILITY (from premium) -->
<section id="briefing" class="cta-final" aria-label="Request strategy session">
  <div class="wrap">
    <div class="electric-wrap" id="electricBriefing"><div class="session-form-box s3d-card">
      <div style="position:relative;z-index:1;text-align:center;margin-bottom:36px">
        <span class="kicker s3d">Limited availability</span>
        <h2 class="s3d-rise" style="margin-top:22px">We take on a limited number of new clients each quarter.</h2>
        <p class="lead s3d" style="margin-left:auto;margin-right:auto">A 30-minute conversation to review your current IT, identify the gaps, and see exactly how we can help. Free. Confidential. No obligation.</p>
      </div>
      <form id="sessionForm" class="session-form" aria-label="Strategy session request" autocomplete="nope">
        <div class="session-form-row">
          <div class="session-field">
            <label for="ss-name">Name</label>
            <input id="ss-name" type="text" placeholder="Your full name" required autocomplete="nope" />
          </div>
          <div class="session-field">
            <label for="ss-business">Business name</label>
            <input id="ss-business" type="text" placeholder="Your business name" required autocomplete="nope" />
          </div>
        </div>
        <div class="session-form-row">
          <div class="session-field">
            <label for="ss-position">Position</label>
            <input id="ss-position" type="text" placeholder="Your role at the business (optional)" />
          </div>
          <div class="session-field">
            <label for="ss-email">Email</label>
            <input id="ss-email" type="email" placeholder="Work email" required autocomplete="nope" />
          </div>
        </div>
        <div class="session-form-row">
          <div class="session-field">
            <label for="ss-phone">Phone number</label>
            <input id="ss-phone" type="tel" placeholder="e.g. 021 123 4567" required autocomplete="nope" />
          </div>
        </div>
        <div class="session-field">
          <label for="ss-desc">What are you currently looking for?</label>
          <textarea id="ss-desc" rows="4" placeholder="Tell us briefly what IT challenges or goals you are dealing with" required></textarea>
        </div>
        <div style="position:absolute;left:-9999px;top:-9999px;" aria-hidden="true"><input type="text" name="url" id="ss-hp" tabindex="-1" autocomplete="nope"></div>
        <input type="hidden" id="ss-ts" value="" />
        <button type="submit" class="btn btn-primary" style="width:100%;margin-top:8px">Reserve Your Strategy Session <span class="arrow">&rarr;</span></button>
      </form>
    </div></div>
    <div style="text-align:center;margin-top:24px">
      <a href="#assessment" class="btn btn-ghost s3d">Want clarity first? Get your free IT Scorecard</a>
    </div>
  </div>
</section>
</div>

<div class="page-content" data-page="quicksupport">
<!-- QUICK IT SUPPORT -->
<section id="quicksupport" aria-label="Quick IT support">
  <div class="wrap">
    <div class="electric-wrap" id="electricSupport"><div class="session-form-box s3d-card">
      <div style="position:relative;z-index:1;text-align:center;margin-bottom:36px">
        <span class="kicker">Quick IT Support</span>
        <h2 style="margin-top:22px">Need help right now? We are here.</h2>
        <p class="lead" style="margin-left:auto;margin-right:auto">Fill out the form below so we know who you are and what you need. Once submitted, download AnyDesk so we can connect to your machine and resolve the issue remotely.</p>
      </div>
      <form id="quickSupportForm" class="session-form" aria-label="Quick IT support request" autocomplete="nope">
        <div class="session-form-row">
          <div class="session-field">
            <label for="qs-name">Name</label>
            <input id="qs-name" type="text" placeholder="Your full name" required autocomplete="nope" />
          </div>
          <div class="session-field">
            <label for="qs-business">Business name</label>
            <input id="qs-business" type="text" placeholder="Your business name" required autocomplete="nope" />
          </div>
        </div>
        <div class="session-form-row">
          <div class="session-field">
            <label for="qs-position">Position</label>
            <input id="qs-position" type="text" placeholder="Your role at the business (optional)" />
          </div>
          <div class="session-field">
            <label for="qs-email">Email</label>
            <input id="qs-email" type="email" placeholder="Work email" required autocomplete="nope" />
          </div>
        </div>
        <div class="session-form-row">
          <div class="session-field">
            <label for="qs-phone">Phone number</label>
            <input id="qs-phone" type="tel" placeholder="e.g. 021 123 4567" required autocomplete="nope" />
          </div>
          <div class="session-field">
            <label for="qs-anydesk">AnyDesk ID</label>
            <input id="qs-anydesk" type="text" placeholder="e.g. 123 456 789" />
          </div>
        </div>
        <div class="session-field">
          <label for="qs-desc">Describe your issue</label>
          <textarea id="qs-desc" rows="4" placeholder="Describe the issue or what you need help with" required></textarea>
        </div>
        <div style="position:absolute;left:-9999px;top:-9999px;" aria-hidden="true"><input type="text" name="website" id="qs-hp" tabindex="-1" autocomplete="nope"></div>
        <input type="hidden" id="qs-ts" value="" />
        <button type="submit" class="btn btn-primary" style="width:100%;margin-top:8px">Get Help Now <span class="arrow">&rarr;</span></button>
      </form>
    </div></div>
    <div class="anydesk-download s3d" style="margin-top:40px">
      <div class="anydesk-box">
        <div>
          <h3 style="margin-bottom:6px">Download AnyDesk</h3>
          <p style="color:var(--ink-2);font-size:14px;margin:0">We use AnyDesk to securely connect to your computer and resolve issues in real time. Download it, run it, and share your AnyDesk ID in the form above.</p>
        </div>
        <a href="https://anydesk.com/en/downloads" target="_blank" rel="noopener noreferrer" class="btn btn-primary">Download AnyDesk <span class="arrow">&rarr;</span></a>
      </div>
    </div>
  </div>
</section>
</div>

<div class="page-content" data-page="faq" id="faq">
<!-- FREQUENTLY ASKED -->
<section aria-label="Frequently asked">
  <div class="wrap">
    <div class="s3d" style="max-width:66ch">
      <span class="kicker">Frequently asked</span>
      <h2 style="margin-top:22px">Questions we hear from business owners like you.</h2>
    </div>

    <div class="faq-list s3d-card">
      <details class="faq"><summary>How quickly do you respond when something goes wrong?</summary><div class="a"><div class="a-inner">Critical issues get same-day response. Because we manage a small number of clients, we are not juggling hundreds of tickets. When you call, you get someone who already knows your systems.</div></div></details>
      <details class="faq"><summary>How is pricing structured?</summary><div class="a"><div class="a-inner">Pricing is determined following a comprehensive environment assessment. Implementation is quoted at a fixed project rate. Ongoing managed services are billed at a predictable monthly fee with full scope transparency. There are no hidden costs or variable charges. Proper IT management saves money compared to the cost of downtime and reactive fixes.</div></div></details>
      <details class="faq"><summary>What are the contract terms?</summary><div class="a"><div class="a-inner">All engagements start with a 3-month onboarding period so we can properly learn your systems and deliver real results. After that, it is month-to-month with 30 days written notice. We also offer yearly plans at a reduced rate. There are no long-term lock-ins. All systems remain under your ownership at all times.</div></div></details>
      <details class="faq"><summary>We are on a tight budget. Is this still for us?</summary><div class="a"><div class="a-inner">We scale to your needs and budget. The cost of one incident exceeds a full year of managed IT. During the initial consultation, we scope the engagement to your budget and deliver real value.</div></div></details>
      <details class="faq"><summary>Can you work alongside our existing IT person?</summary><div class="a"><div class="a-inner">Absolutely. Many clients have an internal person who handles day-to-day tasks. We provide the strategic layer, security management, and specialist expertise that goes beyond day-to-day support. We elevate what they do, not compete with it.</div></div></details>
      <details class="faq"><summary>Can you assist with specific projects rather than full management?</summary><div class="a"><div class="a-inner">Yes. We regularly deliver scoped project work &mdash; cloud migrations, Microsoft 365 optimisation, security hardening, backup remediation, and infrastructure deployments &mdash; independent of a full managed services engagement.</div></div></details>
      <details class="faq"><summary>Do you support on-premises infrastructure?</summary><div class="a"><div class="a-inner">We support on-premises, cloud, and hybrid environments. Infrastructure recommendations are based on your organisation&rsquo;s specific requirements, compliance obligations, and operational objectives &mdash; not industry trends.</div></div></details>
      <details class="faq"><summary>What makes you different from other IT companies in Auckland?</summary><div class="a"><div class="a-inner">We don&rsquo;t compare ourselves to other IT companies &mdash; we deliver a standard that speaks for itself. You deal with someone who knows your systems because we built and manage them. No explaining your setup from scratch every time you call. We take on a limited number of clients so every one receives genuine attention and uncompromised execution.</div></div></details>
    </div>
  </div>
</section>
</div>

<!-- ═══ TESTIMONIALS (dynamic from admin) ═══ -->
<section id="testimonials-section" class="testimonials-section" style="display:none">
  <div class="wrap">
    <div class="testimonials-header">
      <h2>What Our Clients Say</h2>
      <p>Real feedback from businesses we protect and support every day.</p>
    </div>
    <div id="testimonials-grid" class="testimonials-grid"></div>
  </div>
</section>

<footer>
  <div class="wrap">
    <div>
      <a href="#top" class="brand" style="margin-bottom:16px"><span class="mark"></span><span>ENORBY</span></a>
      <p style="font-size:13.5px;max-width:36ch;color:var(--ink-2)">Managed IT services and cybersecurity for businesses in Auckland, New Zealand. Built for businesses that handle sensitive data &mdash; engineered for performance, resilience, and scale.</p>
      <p style="font-style:italic;font-size:13px;color:var(--ink-3);margin-top:12px;max-width:36ch">&ldquo;Technology should work for your business, not against it.&rdquo;</p>
    </div>
    <div>
      <h5>Services</h5>
      <ul>
        <li><a href="#capabilities">Strategy &amp; Architecture</a></li>
        <li><a href="#capabilities">Procurement &amp; Licensing</a></li>
        <li><a href="#capabilities">Onboarding &amp; Provisioning</a></li>
        <li><a href="#capabilities">Infrastructure Deployment</a></li>
        <li><a href="#capabilities">Operations &amp; BAU Support</a></li>
        <li><a href="#capabilities">Backup &amp; Recovery</a></li>
        <li><a href="#capabilities">Identity &amp; Access (IAM)</a></li>
        <li><a href="#capabilities">Monitoring &amp; Compliance</a></li>
        <li><a href="#capabilities">Offboarding &amp; Decommissioning</a></li>
      </ul>
    </div>
    <div>
      <h5>Industries</h5>
      <ul>
        <li><a href="#industries">Accounting Firms</a></li>
        <li><a href="#industries">Medical &amp; Health</a></li>
        <li><a href="#industries">Legal Practices</a></li>
        <li><a href="#industries">Financial Services</a></li>
        <li style="margin-top:16px"><a href="#how">How It Works</a></li>
        <li><a href="#assessment">Free IT Scorecard</a></li>
      </ul>
    </div>
    <div>
      <h5>Contact</h5>
      <ul>
        <li><a href="tel:+642040477367">020 4047 7367</a></li>
        <li><a href="mailto:info@enorby.co.nz">info@enorby.co.nz</a></li>
        <li style="margin-top:12px"><a href="#doctrine">How We Work</a></li>
        <li><a href="#proof">About ENORBY</a></li>
        <li><a href="#faq">FAQ</a></li>
      </ul>
    </div>
  </div>
  <div style="max-width:var(--maxw);margin:32px auto 0;padding:0 var(--pad);text-align:center;display:flex;flex-direction:column;align-items:center">
    <span id="social-label" style="display:none;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:14px">Connect With Us</span>
    <div id="social-links" style="justify-content:center;gap:14px;display:none"></div>
  </div>
  <div class="footer-bottom">
    <div>&copy; <script>document.write(new Date().getFullYear())</script> ENORBY &middot; Auckland, New Zealand</div>
    <div><a href="privacy.html" style="color:var(--ink-3)">Privacy Policy</a> &middot; <a href="terms.html" style="color:var(--ink-3)">Terms of Service</a> &middot; IT Support Auckland</div>
  </div>
</footer>

<!-- Cookie Consent Banner -->
<div id="cookie-banner" style="display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--bg-1);border-top:1px solid var(--line);padding:16px var(--pad);font-size:13px;color:var(--ink-2);font-family:'Inter',sans-serif">
  <div style="max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap">
    <p style="margin:0;flex:1;min-width:200px">We use cookies for security (bot protection, form safety), remembering your preferences, and understanding how visitors find us. No third-party advertising cookies. <a href="privacy.html#cookies" style="color:var(--accent)">Cookie Policy</a></p>
    <div style="display:flex;gap:8px;flex-shrink:0">
      <button onclick="document.getElementById('cookie-banner').style.display='none';localStorage.setItem('enorby-cookies-ok','1')" style="background:var(--accent);color:#080b14;border:2px solid var(--accent);border-radius:var(--radius-s);padding:8px 20px;font-size:12px;font-weight:700;font-family:'Archivo',sans-serif;letter-spacing:.04em;cursor:pointer;white-space:nowrap">Accept All</button>
      <button onclick="document.getElementById('cookie-banner').style.display='none';localStorage.setItem('enorby-cookies-ok','essential')" style="background:transparent;color:var(--ink-1);border:2px solid var(--line-strong);border-radius:var(--radius-s);padding:8px 20px;font-size:12px;font-weight:700;font-family:'Archivo',sans-serif;letter-spacing:.04em;cursor:pointer;white-space:nowrap">Essential Only</button>
    </div>
  </div>
</div>
<script>if(!localStorage.getItem('enorby-cookies-ok'))document.getElementById('cookie-banner').style.display='block';</script>

<script>
(function(){
  document.body.classList.add('loaded');
  var electricWraps = document.querySelectorAll('.electric-wrap');
  var electricIO = new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){
        setTimeout(function(){e.target.classList.add('electric-active')},200);
        electricIO.unobserve(e.target);
      }
    });
  },{threshold:0.2});
  electricWraps.forEach(function(el){electricIO.observe(el)});
  if(!('IntersectionObserver' in window)) return;
  document.body.classList.add('s3d-ready');

  var els = document.querySelectorAll('.s3d,.s3d-card,.s3d-left,.s3d-right,.s3d-rise');
  var io = new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){
        e.target.classList.add('in');
        io.unobserve(e.target);
      }
    });
  },{threshold:0, rootMargin:'0px 0px -60px 0px'});
  els.forEach(function(e){io.observe(e);});

  var parallaxEls = document.querySelectorAll('.hero-parallax');
  var ticking = false;
  var heroBgImg = document.querySelector('.hero-bg-img');
  var isMobile = window.innerWidth <= 800;
  window.addEventListener('resize', function(){isMobile = window.innerWidth <= 800;});
  function updateParallax(){
    if(isMobile){ticking=false;return;}
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    if(scrollTop < window.innerHeight * 1.5){
      parallaxEls.forEach(function(el){
        var speed = parseFloat(el.getAttribute('data-speed')) || 0.03;
        el.style.transform = 'translateY(' + (scrollTop * speed * -1).toFixed(1) + 'px)';
      });
    }
    ticking = false;
  }

  var heroSection = document.querySelector('.hero');
  var heroRotX = 0, heroRotY = 0, targetRotX = 0, targetRotY = 0;
  if(heroSection && heroBgImg && !isMobile){
    heroSection.addEventListener('mousemove', function(e){
      var rect = heroSection.getBoundingClientRect();
      targetRotY = ((e.clientX - rect.left) / rect.width - 0.5) * 4;
      targetRotX = ((e.clientY - rect.top) / rect.height - 0.5) * -4;
    });
    heroSection.addEventListener('mouseleave', function(){
      targetRotX = 0; targetRotY = 0;
    });
  }
  var heroRunning = false;
  function updateHeroBg(){
    if(!heroBgImg || isMobile){heroRunning=false;return;}
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    if(scrollTop > window.innerHeight * 1.2){heroRunning=false;return;}
    heroRotX += (targetRotX - heroRotX) * 0.08;
    heroRotY += (targetRotY - heroRotY) * 0.08;
    heroBgImg.style.transform = 'scale(1.05) translateY(' + (scrollTop * 0.15).toFixed(1) + 'px) perspective(1000px) rotateY(' + heroRotY.toFixed(2) + 'deg) rotateX(' + heroRotX.toFixed(2) + 'deg)';
    requestAnimationFrame(updateHeroBg);
  }
  function startHeroLoop(){if(!heroRunning&&!isMobile){heroRunning=true;requestAnimationFrame(updateHeroBg);}}
  if(!isMobile) startHeroLoop();

  var nav = document.getElementById('mainNav');
  var bar = document.getElementById('scrollBar');
  var backTop = document.getElementById('backTop');
  function onScroll(){
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    var docH = document.documentElement.scrollHeight - window.innerHeight;
    if(!ticking){ticking = true; requestAnimationFrame(updateParallax);}
    if(nav) nav.classList.toggle('scrolled', scrollTop > 40);
    if(bar) bar.style.transform = 'scaleX(' + Math.min(scrollTop / docH, 1) + ')';
    if(backTop) backTop.classList.toggle('visible', scrollTop > 500);
    if(scrollTop < window.innerHeight * 1.2) startHeroLoop();
  }
  window.addEventListener('scroll', onScroll, {passive:true});
  onScroll();

  var toggle = document.getElementById('menuToggle');
  var mobileNav = document.getElementById('navLinks');
  if(toggle && mobileNav){
    toggle.addEventListener('click', function(){
      var open = mobileNav.classList.toggle('open');
      toggle.classList.toggle('open', open);
      toggle.setAttribute('aria-expanded', open);
      if(open){
        var scrollY = window.pageYOffset || document.documentElement.scrollTop;
        document.body.style.overflow = 'hidden';
        document.body.style.position = 'fixed';
        document.body.style.width = '100%';
        document.body.style.top = '-' + scrollY + 'px';
      } else {
        var scrollY = parseInt(document.body.style.top || '0') * -1;
        document.body.style.overflow = '';
        document.body.style.position = '';
        document.body.style.width = '';
        document.body.style.top = '';
        window.scrollTo(0, scrollY);
      }
    });
    mobileNav.querySelectorAll('a:not(.nav-drop-trigger)').forEach(function(a){
      a.addEventListener('click', function(){
        mobileNav.classList.remove('open'); toggle.classList.remove('open');
        toggle.setAttribute('aria-expanded', 'false');
        var scrollY = parseInt(document.body.style.top || '0') * -1;
        document.body.style.overflow = '';
        document.body.style.position = '';
        document.body.style.width = '';
        document.body.style.top = '';
        window.scrollTo(0, scrollY);
      });
    });
    mobileNav.querySelectorAll('.nav-drop-trigger').forEach(function(trigger){
      trigger.addEventListener('click', function(e){
        if(window.innerWidth <= 800){
          e.preventDefault();
          trigger.parentElement.classList.toggle('open');
        }
      });
    });
  }

  var themeBtn = document.getElementById('themeToggle');
  if(themeBtn){
    themeBtn.addEventListener('mousemove', function(e){var r=themeBtn.getBoundingClientRect();themeBtn.style.setProperty('--btn-x',(e.clientX-r.left)+'px');themeBtn.style.setProperty('--btn-y',(e.clientY-r.top)+'px');});
    themeBtn.addEventListener('click', function(){
      themeBtn.classList.add('animating');
      setTimeout(function(){ themeBtn.classList.remove('animating'); }, 500);
      var current = document.documentElement.getAttribute('data-theme');
      var next = current === 'light' ? 'dark' : 'light';
      if(next === 'light') document.documentElement.setAttribute('data-theme','light');
      else document.documentElement.removeAttribute('data-theme');
      sessionStorage.setItem('enorby-theme', next);
    });
  }

  var navLinks = document.getElementById('navLinks');
  var navSlider = document.getElementById('navSlider');
  if(navLinks && navSlider && window.innerWidth > 900){
    navLinks.classList.add('has-slider');
    var navItems = navLinks.querySelectorAll(':scope > a:not(.nav-home-link), :scope > .nav-dropdown');
    function moveSlider(el){
      var navRect = navLinks.getBoundingClientRect();
      var target = el.classList.contains('nav-dropdown') ? el.querySelector('.nav-drop-trigger') : el;
      var elRect = target.getBoundingClientRect();
      navSlider.style.left = (elRect.left - navRect.left) + 'px';
      navSlider.style.width = elRect.width + 'px';
      navSlider.classList.add('active');
    }
    var sliderTimeout;
    function hideSlider(){sliderTimeout = setTimeout(function(){navSlider.classList.remove('active')},80)}
    function cancelHide(){clearTimeout(sliderTimeout)}
    navItems.forEach(function(item){
      item.addEventListener('mouseenter', function(){cancelHide();moveSlider(item)});
      item.addEventListener('mouseleave', hideSlider);
    });
    var activeLink = navLinks.querySelector('a.active');
    if(activeLink){moveSlider(activeLink.closest('.nav-dropdown') || activeLink)}
  }

  var glow = document.getElementById('cursorGlow');
  if(glow && window.innerWidth > 800){
    document.addEventListener('mousemove', function(e){
      glow.style.transform = 'translate(' + (e.clientX - 250) + 'px,' + (e.clientY - 250) + 'px)';
    });
  }

  document.querySelectorAll('.btn, .theme-toggle, .social-btn').forEach(function(btn){
    btn.addEventListener('mousemove', function(e){
      var r = btn.getBoundingClientRect();
      btn.style.setProperty('--btn-x', (e.clientX - r.left) + 'px');
      btn.style.setProperty('--btn-y', (e.clientY - r.top) + 'px');
    });
  });

  if(!isMobile){
    document.querySelectorAll('.pillar').forEach(function(p){
      p.addEventListener('mousemove', function(e){
        var r = p.getBoundingClientRect();
        var x = (e.clientX - r.left) / r.width;
        var y = (e.clientY - r.top) / r.height;
        p.style.setProperty('--mx', (e.clientX - r.left) + 'px');
        p.style.setProperty('--my', (e.clientY - r.top) + 'px');
        p.style.transform = 'translateY(-4px) perspective(800px) rotateX(' + ((y - 0.5) * -3) + 'deg) rotateY(' + ((x - 0.5) * 3) + 'deg)';
      });
      p.addEventListener('mouseleave', function(){
        p.style.transform = '';
      });
    });
  }


  // Set timestamps on all forms for anti-bot timing
  var tsNow = Math.floor(Date.now()/1000);
  ['sc-ts','ss-ts','qs-ts'].forEach(function(id){var el=document.getElementById(id);if(el)el.value=tsNow;});

  function showFormSuccess(btn, msg){
    btn.classList.remove('submitting');
    btn.disabled = true;
    btn.textContent = msg;
    btn.style.cssText = 'background:#22c55e !important;color:#fff !important;opacity:1 !important;cursor:default;box-shadow:0 0 14px rgba(34,197,94,.5),0 0 40px rgba(34,197,94,.35),0 0 80px rgba(34,197,94,.15);border:none;padding:14px 22px;border-radius:99px;font-weight:500;font-size:15px;transition:background .4s ease,box-shadow .4s ease,transform .3s ease;transform:translateY(-2px);width:100%;justify-content:center;display:inline-flex;align-items:center;text-shadow:0 0 8px rgba(0,0,0,.4);animation:btn-success-glow 2s ease-in-out infinite;';
    var form = btn.closest('form');
    var wrap = btn.closest('.electric-wrap');
    if(wrap){ wrap.classList.remove('electric-active'); wrap.classList.add('electric-success'); }
    if(form) form.reset();
    var originalText = btn.getAttribute('data-original') || btn.textContent;
    setTimeout(function(){
      btn.disabled = false;
      btn.textContent = originalText;
      btn.style.cssText = '';
      if(wrap){ wrap.classList.remove('electric-success'); wrap.classList.add('electric-active'); }
    }, 10000);
  }
  function showFormError(btn, original){
    btn.classList.remove('submitting');
    var wrap = btn.closest('.electric-wrap');
    if(wrap){ wrap.classList.remove('electric-error'); wrap.classList.add('electric-active'); }
    btn.style.cssText = 'transition:background .3s ease,box-shadow .3s ease,transform .3s ease;';
    setTimeout(function(){ btn.disabled = false; btn.textContent = original; btn.style.cssText = ''; }, 50);
  }
  var _submitQueue = JSON.parse(localStorage.getItem('enorby_submit_queue') || '[]');
  function _saveQueue(){ try{ localStorage.setItem('enorby_submit_queue', JSON.stringify(_submitQueue)); }catch(e){} }
  function _processQueue(){
    if(!_submitQueue.length) return;
    var item = _submitQueue[0];
    fetch(item.url, {method:'POST', headers:{'Content-Type':'application/json'}, credentials:'same-origin', body:item.payload})
    .then(function(r){ return r.json(); })
    .then(function(data){
      if(data.success || data.error){
        _submitQueue.shift();
        _saveQueue();
        if(_submitQueue.length) setTimeout(_processQueue, 1000);
      }
    })
    .catch(function(){ setTimeout(_processQueue, 10000); });
  }
  window.addEventListener('online', _processQueue);
  document.addEventListener('visibilitychange', function(){ if(!document.hidden) _processQueue(); });
  if(_submitQueue.length) setTimeout(_processQueue, 2000);

  function submitForm(url, payload, btn, successMsg){
    var originalText = btn.textContent;
    btn.setAttribute('data-original', originalText);
    btn.disabled = true;
    btn.textContent = 'Submitting...';
    btn.classList.add('submitting');
    _submitQueue.push({url:url, payload:payload, ts:Date.now()});
    _saveQueue();
    fetch(url, {method:'POST', headers:{'Content-Type':'application/json'}, credentials:'same-origin', body:payload})
    .then(function(r){ return r.json(); })
    .then(function(data){
      if(data.success){
        _submitQueue = _submitQueue.filter(function(q){ return q.payload !== payload; });
        _saveQueue();
      }
    })
    .catch(function(){});
    setTimeout(function(){ showFormSuccess(btn, successMsg); }, 600);
  }

  var scForm = document.getElementById('scorecardForm');
  if(scForm) scForm.addEventListener('submit', function(e){
    e.preventDefault();
    var name = document.getElementById('sc-name').value.trim();
    var email = document.getElementById('sc-email').value.trim();
    var org = document.getElementById('sc-org').value.trim();
    if(!name || !email || !org) return;
    var hp = document.getElementById('sc-hp').value || '';
    var ts = document.getElementById('sc-ts').value || '';
    var btn = this.querySelector('button[type="submit"]');
    submitForm('/api/scorecard.php', JSON.stringify({name:name, email:email, company:org, website:hp, _ts:ts, _csrf:window._enorbyCsrf()}), btn, '✓ Submitted — your assessment link will arrive via email shortly');
  });

  var ssForm = document.getElementById('sessionForm');
  if(ssForm) ssForm.addEventListener('submit', function(e){
    e.preventDefault();
    var name = document.getElementById('ss-name').value.trim();
    var biz = document.getElementById('ss-business').value.trim();
    var pos = document.getElementById('ss-position').value.trim();
    var email = document.getElementById('ss-email').value.trim();
    var phone = document.getElementById('ss-phone').value.trim();
    var desc = document.getElementById('ss-desc').value.trim();
    if(!name || !biz || !email || !phone || !desc) return;
    var hp = document.getElementById('ss-hp').value || '';
    var ts = document.getElementById('ss-ts').value || '';
    var btn = this.querySelector('button');
    submitForm('/api/session.php', JSON.stringify({name:name, business:biz, position:pos, email:email, phone:phone, desc:desc, url:hp, _ts:ts, _csrf:window._enorbyCsrf()}), btn, '✓ Request sent — we will be in touch');
  });

  var qsForm = document.getElementById('quickSupportForm');
  if(qsForm) qsForm.addEventListener('submit', function(e){
    e.preventDefault();
    var name = document.getElementById('qs-name').value.trim();
    var biz = document.getElementById('qs-business').value.trim();
    var pos = document.getElementById('qs-position').value.trim();
    var email = document.getElementById('qs-email').value.trim();
    var phone = document.getElementById('qs-phone').value.trim();
    var anydesk = document.getElementById('qs-anydesk').value.trim();
    var desc = document.getElementById('qs-desc').value.trim();
    if(!name || !biz || !email || !phone || !desc) return;
    var hp = document.getElementById('qs-hp').value || '';
    var ts = document.getElementById('qs-ts').value || '';
    var btn = this.querySelector('button');
    submitForm('/api/support.php', JSON.stringify({name:name, business:biz, position:pos, email:email, phone:phone, anydesk:anydesk, desc:desc, website:hp, _ts:ts, _csrf:window._enorbyCsrf()}), btn, '✓ Request sent — we will be in touch');
  });

  document.querySelectorAll('details.faq').forEach(function(d){
    d.querySelector('summary').addEventListener('click', function(e){
      if(!d.open) {
        document.querySelectorAll('details.faq[open]').forEach(function(other){
          if(other !== d) other.open = false;
        });
      }
    });
  });

  // Preview cards scroll to their target sections
  document.querySelectorAll('.preview-card[data-goto]').forEach(function(card){
    var targetMap={industries:'industries',capabilities:'how',about:'doctrine',assessment:'assessment',faq:'faq'};
    card.addEventListener('click',function(e){
      e.preventDefault();
      var target = targetMap[this.getAttribute('data-goto')];
      if(target){var el=document.getElementById(target);if(el)el.scrollIntoView({behavior:'smooth'});}
    });
  });


  if(backTop){backTop.addEventListener('click',function(e){e.preventDefault();window.scrollTo({top:0,behavior:'smooth'});});}

  // Testimonials (fetched from admin portal)
  (function(){
    fetch('/api/testimonials.php').then(function(r){return r.json()}).then(function(data){
      if(!data || !data.length) return;
      var section = document.getElementById('testimonials-section');
      var grid = document.getElementById('testimonials-grid');
      if(!section || !grid) return;
      var html = '';
      data.forEach(function(t){
        var stars = '';
        for(var i=1;i<=5;i++) stars += i<=t.rating ? '<span class="on">&#9733;</span>' : '<span class="off">&#9733;</span>';
        html += '<div class="testimonial-card">';
        html += '<div class="stars">'+stars+'</div>';
        html += '<blockquote>&ldquo;'+t.quote.replace(/</g,'&lt;').replace(/>/g,'&gt;')+'&rdquo;</blockquote>';
        html += '<div class="author">';
        html += '<div class="author-avatar">'+t.client_name.charAt(0).toUpperCase()+'</div>';
        html += '<div><div class="author-name">'+t.client_name.replace(/</g,'&lt;')+'</div>';
        if(t.company) html += '<div class="author-company">'+t.company.replace(/</g,'&lt;')+'</div>';
        html += '</div></div></div>';
      });
      grid.innerHTML = html;
      section.style.display = '';
    }).catch(function(){});
  })();

  // Social media icons
  (function(){
    var icons = {
      facebook:'<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>',
      linkedin:'<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>',
      instagram:'<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 11-2.88 0 1.441 1.441 0 012.88 0z"/></svg>',
      whatsapp:'<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>',
      twitter:'<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>',
      youtube:'<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>',
      tiktok:'<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>',
      medium:'<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zM20.96 12c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42 3.38 2.88 3.38 6.42M24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z"/></svg>',
      phone:'<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>'
    };
    var labels = {facebook:'Facebook',linkedin:'LinkedIn',instagram:'Instagram',whatsapp:'WhatsApp',twitter:'X / Twitter',youtube:'YouTube',tiktok:'TikTok',medium:'Medium',phone:'Call Us'};
    fetch('/api/social.php').then(function(r){return r.json()}).then(function(links){
      var container = document.getElementById('social-links');
      var keys = Object.keys(links);
      if(keys.length === 0) return;
      var html = '';
      keys.forEach(function(key){
        if(icons[key] && links[key]){
          var href = key === 'phone' ? 'tel:' + links[key] : links[key];
          var target = key === 'phone' ? '' : ' target="_blank" rel="noopener noreferrer"';
          html += '<a href="'+href.replace(/"/g,'&quot;')+'"'+target+' aria-label="'+(labels[key]||key)+'" title="'+(labels[key]||key)+'" class="social-btn" data-platform="'+key+'">'+icons[key]+'</a>';
        }
      });
      if(html && container){container.innerHTML=html;container.style.display='flex';var lbl=document.getElementById('social-label');if(lbl)lbl.style.display='block';}
    }).catch(function(){});
  })();

})();
</script>

<script type="application/ld+json">
{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How quickly do you respond when something goes wrong?","acceptedAnswer":{"@type":"Answer","text":"Critical issues get same-day response. Because we manage a small number of clients, we are not juggling hundreds of tickets. When you call, you get someone who already knows your systems."}},{"@type":"Question","name":"How is pricing structured?","acceptedAnswer":{"@type":"Answer","text":"Pricing is determined following a comprehensive environment assessment. Implementation is quoted at a fixed project rate. Ongoing managed services are billed at a predictable monthly fee with full scope transparency. There are no hidden costs or variable charges."}},{"@type":"Question","name":"What are the contract terms?","acceptedAnswer":{"@type":"Answer","text":"All engagements start with a 3-month onboarding period. After that, it is month-to-month with 30 days written notice. We also offer yearly plans at a reduced rate. There are no long-term lock-ins."}},{"@type":"Question","name":"What makes you different from other IT companies in Auckland?","acceptedAnswer":{"@type":"Answer","text":"We take on a limited number of clients so every one receives genuine attention. You deal with someone who knows your systems because we built and manage them. No explaining your setup from scratch every time you call."}}]}
</script>

<script>
(function(){
  var c = document.getElementById('hero-canvas');
  if(!c) return;
  if(window.innerWidth <= 800 || window.matchMedia('(prefers-reduced-motion: reduce)').matches){c.style.display='none';return;}
  var ctx = c.getContext('2d');
  var hero = c.parentElement;
  var W, H, dpr = Math.min(devicePixelRatio, 2);
  var mouse = {x:0, y:0};
  var hexes = [];
  var t = 0;

  function getColors(){
    var isLight = document.documentElement.getAttribute('data-theme') === 'light';
    return {base: isLight ? '166,124,0' : '212,175,55', hot: isLight ? '139,26,43' : '230,57,70'};
  }
  var colors = getColors();
  var themeObs = new MutationObserver(function(){ colors = getColors(); });
  themeObs.observe(document.documentElement, {attributes:true, attributeFilter:['data-theme']});

  function buildHexGrid(){
    hexes = [];
    var size = 40, h = size * Math.sqrt(3);
    for(var row = -1; row < H/h + 2; row++){
      for(var col = -1; col < W/(size*1.5) + 2; col++){
        hexes.push({x: col*size*1.5, y: row*h + (col%2)*h/2, brightness:0, pulse:Math.random()*Math.PI*2});
      }
    }
  }

  function resize(){
    W = hero.clientWidth; H = hero.clientHeight;
    c.width = W * dpr; c.height = H * dpr;
    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
    buildHexGrid();
  }

  hero.addEventListener('mousemove', function(e){
    var r = hero.getBoundingClientRect();
    mouse.x = e.clientX - r.left;
    mouse.y = e.clientY - r.top;
  });
  hero.addEventListener('mouseleave', function(){ mouse.x = W/2; mouse.y = H/2; });

  function drawHex(x, y, size){
    ctx.beginPath();
    for(var i = 0; i < 6; i++){
      var angle = Math.PI/3 * i - Math.PI/6;
      var px = x + Math.cos(angle) * size;
      var py = y + Math.sin(angle) * size;
      if(i === 0) ctx.moveTo(px, py); else ctx.lineTo(px, py);
    }
    ctx.closePath();
  }

  var canvasPaused = false;
  function draw(){
    if(!c.offsetParent || canvasPaused) return;
    ctx.clearRect(0, 0, W, H);
    t += 0.015;

    for(var i = 0; i < hexes.length; i++){
      var h = hexes[i];
      var dx = mouse.x - h.x, dy = mouse.y - h.y;
      var dist = Math.sqrt(dx*dx + dy*dy);
      var mouseGlow = Math.max(0, 1 - dist/200);
      var wave = Math.sin(t + h.x*0.01 + h.y*0.01) * 0.3 + 0.3;
      var pulse = Math.sin(t*2 + h.pulse) * 0.15;
      h.brightness += (mouseGlow + wave*0.2 + pulse*0.1 - h.brightness) * 0.08;

      var alpha = 0.10 + h.brightness * 0.65;
      var color = h.brightness > 0.4 ? colors.hot : colors.base;

      drawHex(h.x, h.y, 38);
      ctx.strokeStyle = 'rgba(' + color + ',' + alpha + ')';
      ctx.lineWidth = 1;
      ctx.stroke();

      if(h.brightness > 0.3){
        drawHex(h.x, h.y, 38);
        ctx.fillStyle = 'rgba(' + color + ',' + (h.brightness * 0.06) + ')';
        ctx.fill();
      }
    }

    requestAnimationFrame(draw);
  }

  resize(); mouse.x = W/2; mouse.y = H/2; draw();
  window.addEventListener('resize', resize);
  var canvasObs = new IntersectionObserver(function(entries){
    canvasPaused = !entries[0].isIntersecting;
    if(!canvasPaused) requestAnimationFrame(draw);
  },{threshold:0});
  canvasObs.observe(hero);
})();
</script>

<script>
// ═══════════════════════════════════════════════════════
// ENORBY — Cookie System (Security + Marketing)
// 1. Bot detection   2. Attribution   3. Engagement
// 4. CSRF            5. A/B Testing   6. Form recovery
// ═══════════════════════════════════════════════════════
(function(){
  'use strict';
  var consent = localStorage.getItem('enorby-cookies-ok');
  var COOKIE_ALL = consent === '1';
  var COOKIE_ESSENTIAL = consent === '1' || consent === 'essential';

  function setCookie(name, value, days, sameSite) {
    var d = new Date(); d.setTime(d.getTime() + days * 86400000);
    document.cookie = name + '=' + encodeURIComponent(value) + ';expires=' + d.toUTCString() + ';path=/;SameSite=' + (sameSite || 'Lax') + ';Secure';
  }
  function getCookie(name) {
    var m = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'));
    return m ? decodeURIComponent(m[1]) : '';
  }

  // ─── 1. BOT DETECTION COOKIE ───
  // Set immediately (JS-only = proof of real browser)
  (function(){
    var ts = Math.floor(Date.now() / 1000);
    // HMAC-SHA256 computed client-side with a shared derivation
    // Server validates using getBotSecret() in cookies.php
    // We use a simple hash approach: timestamp.hash
    // The hash is SHA-256 of (timestamp + domain-salt)
    var salt = 'enorby_bv_2026';
    var msg = ts.toString() + salt;
    if (window.crypto && window.crypto.subtle) {
      var enc = new TextEncoder();
      crypto.subtle.importKey('raw', enc.encode(salt), {name:'HMAC',hash:'SHA-256'}, false, ['sign'])
        .then(function(key){ return crypto.subtle.sign('HMAC', key, enc.encode(ts.toString())); })
        .then(function(sig){
          var hash = Array.from(new Uint8Array(sig)).map(function(b){return b.toString(16).padStart(2,'0')}).join('');
          setCookie('enorby_bv', ts + '.' + hash, 1, 'Strict');
        });
    } else {
      // Fallback for older browsers: simple obfuscated token
      var simple = ts + '.' + btoa(ts + salt).substring(0, 32);
      setCookie('enorby_bv', simple, 1, 'Strict');
    }
  })();

  // ─── 2. FIRST-TOUCH ATTRIBUTION COOKIE ───
  (function(){
    if (!COOKIE_ALL) return;
    if (getCookie('enorby_src')) return; // preserve first touch
    var params = new URLSearchParams(window.location.search);
    var source = params.get('utm_source') || '';
    var medium = params.get('utm_medium') || '';
    var campaign = params.get('utm_campaign') || '';
    // Fallback: detect source from referrer
    if (!source && document.referrer) {
      try {
        var ref = new URL(document.referrer);
        var host = ref.hostname;
        if (/google\./i.test(host)) { source = 'google'; medium = medium || 'organic'; }
        else if (/bing\.|msn\./i.test(host)) { source = 'bing'; medium = medium || 'organic'; }
        else if (/facebook\.com|fb\.com/i.test(host)) { source = 'facebook'; medium = medium || 'social'; }
        else if (/linkedin\.com/i.test(host)) { source = 'linkedin'; medium = medium || 'social'; }
        else if (/instagram\.com/i.test(host)) { source = 'instagram'; medium = medium || 'social'; }
        else if (host !== window.location.hostname) { source = host; medium = medium || 'referral'; }
      } catch(e){}
    }
    if (!source) source = 'direct';
    var data = {s: source, m: medium, c: campaign, l: window.location.pathname};
    setCookie('enorby_src', btoa(JSON.stringify(data)), 90);
  })();

  // ─── 3. ENGAGEMENT SCORING COOKIE ───
  (function(){
    if (!COOKIE_ALL) return;
    var raw = getCookie('enorby_eg');
    var eg = raw ? JSON.parse(atob(raw)) : {p: 0, s: [], t: 0, st: Math.floor(Date.now()/1000)};
    // Increment page count
    eg.p = (eg.p || 0) + 1;
    // Track time spent (updated on unload)
    eg.st = eg.st || Math.floor(Date.now()/1000);
    // Track which sections they visited
    var sectionObs = new IntersectionObserver(function(entries){
      entries.forEach(function(e){
        if (e.isIntersecting) {
          var id = e.target.id;
          if (id && eg.s.indexOf(id) === -1) {
            eg.s.push(id);
            setCookie('enorby_eg', btoa(JSON.stringify(eg)), 30);
          }
        }
      });
    }, {threshold: 0.3});
    document.querySelectorAll('section[id], div[id][data-page]').forEach(function(el){
      sectionObs.observe(el);
    });
    // Update time on page unload
    function saveTime(){
      eg.t = (eg.t || 0) + Math.floor(Date.now()/1000) - (eg.st || Math.floor(Date.now()/1000));
      eg.st = Math.floor(Date.now()/1000);
      setCookie('enorby_eg', btoa(JSON.stringify(eg)), 30);
    }
    window.addEventListener('beforeunload', saveTime);
    window.addEventListener('visibilitychange', function(){if(document.hidden) saveTime();});
    setCookie('enorby_eg', btoa(JSON.stringify(eg)), 30);
  })();

  // ─── 4. CSRF TOKEN (fetched from server) ───
  var csrfToken = '';
  fetch('/api/csrf.php', {credentials:'same-origin'})
    .then(function(r){return r.json()})
    .then(function(d){csrfToken = d.token || '';})
    .catch(function(){});
  window._enorbyCsrf = function(){ return csrfToken; };

  // ─── 5. A/B TESTING COOKIE (variant split) ───
  (function(){
    if (!COOKIE_ALL) return;
    if (getCookie('enorby_ab')) return; // keep variant consistent
    // Simple split: assign A or B
    var variant = Math.random() < 0.5 ? 'A' : 'B';
    setCookie('enorby_ab', variant, 90);
    // Apply variant (example: CTA button text)
    // Variant B: test alternative CTA wording
    if (variant === 'B') {
      var ctaBtn = document.querySelector('.hero-cta .btn-primary');
      if (ctaBtn && ctaBtn.textContent.indexOf('Get Your Free IT Risk Score') > -1) {
        ctaBtn.innerHTML = 'See Where Your IT Is Exposed <span class="arrow">&rarr;</span>';
      }
    }
  })();

  // ─── 6. RETURN VISITOR DETECTION ───
  (function(){
    if (!COOKIE_ALL) return;
    var raw = getCookie('enorby_rv');
    var rv = raw ? JSON.parse(atob(raw)) : {v: 0, f: new Date().toISOString().slice(0,10), l: ''};
    rv.v = (rv.v || 0) + 1;
    rv.l = new Date().toISOString().slice(0,10);
    setCookie('enorby_rv', btoa(JSON.stringify(rv)), 365);
    if (rv.v > 1) {
      document.documentElement.setAttribute('data-returning', 'true');
    }
  })();

  // ─── 7. FORM PRE-FILL COOKIE ───
  (function(){
    if (!COOKIE_ALL) return;
    var raw = getCookie('enorby_fp');
    var prefill = raw ? JSON.parse(atob(raw)) : {};
    if (prefill.n || prefill.e || prefill.c) {
      document.querySelectorAll('input[name*="name"], input[id*="name"]').forEach(function(el){
        if (!el.value && prefill.n) el.value = prefill.n;
      });
      document.querySelectorAll('input[type="email"], input[name*="email"], input[id*="email"]').forEach(function(el){
        if (!el.value && prefill.e) el.value = prefill.e;
      });
      document.querySelectorAll('input[name*="business"], input[name*="company"], input[id*="business"], input[id*="org"]').forEach(function(el){
        if (!el.value && prefill.c) el.value = prefill.c;
      });
    }
    document.addEventListener('submit', function(e){
      var form = e.target;
      var name = (form.querySelector('input[name*="name"], input[id*="name"]') || {}).value || '';
      var email = (form.querySelector('input[type="email"], input[name*="email"]') || {}).value || '';
      var company = (form.querySelector('input[name*="business"], input[name*="company"], input[id*="business"]') || {}).value || '';
      if (name || email || company) {
        setCookie('enorby_fp', btoa(JSON.stringify({n:name, e:email, c:company})), 90);
      }
    });
  })();

  // ─── 8. HIGH INTENT DETECTION ───
  (function(){
    if (!COOKIE_ALL) return;
    var raw = getCookie('enorby_hi');
    var hi = raw ? JSON.parse(atob(raw)) : {pv:0, sc:false, rv:0, ts:[]};
    var rvRaw = getCookie('enorby_rv');
    var rvData = rvRaw ? JSON.parse(atob(rvRaw)) : {v:0};
    hi.rv = rvData.v || 0;
    var path = window.location.pathname.toLowerCase();
    if (path.indexOf('pricing') > -1 || path.indexOf('packages') > -1 || document.querySelector('[data-page="pricing"]')) {
      hi.pv = (hi.pv || 0) + 1;
    }
    if (path.indexOf('scorecard') > -1) {
      hi.sc = true;
    }
    hi.ts.push(Math.floor(Date.now()/1000));
    if (hi.ts.length > 20) hi.ts = hi.ts.slice(-20);
    setCookie('enorby_hi', btoa(JSON.stringify(hi)), 30);
    var isHot = (hi.pv >= 2) || (hi.sc && hi.rv > 1);
    if (isHot) {
      document.documentElement.setAttribute('data-high-intent', 'true');
      sendTrackEvent('high_intent');
    }
  })();

  // ─── 9. CTA CLICK TRACKING ───
  (function(){
    if (!COOKIE_ALL) return;
    document.addEventListener('click', function(e){
      var btn = e.target.closest('.btn, .social-btn, a[href*="scorecard"], a[href*="#"]');
      if (!btn) return;
      var raw = getCookie('enorby_cta');
      var clicks = raw ? JSON.parse(atob(raw)) : [];
      var label = btn.textContent.trim().substring(0, 40);
      var href = btn.getAttribute('href') || '';
      clicks.push({l: label, h: href, t: Math.floor(Date.now()/1000)});
      if (clicks.length > 30) clicks = clicks.slice(-30);
      setCookie('enorby_cta', btoa(JSON.stringify(clicks)), 30);
    });
  })();

  // ─── 10. SCROLL DEPTH TRACKING ───
  (function(){
    if (!COOKIE_ALL) return;
    var maxDepth = 0;
    var tracked = {};
    function checkDepth(){
      var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
      var docHeight = document.documentElement.scrollHeight - window.innerHeight;
      var pct = docHeight > 0 ? Math.round((scrollTop / docHeight) * 100) : 0;
      if (pct > maxDepth) maxDepth = pct;
      [25, 50, 75, 90].forEach(function(mark){
        if (pct >= mark && !tracked[mark]) {
          tracked[mark] = true;
        }
      });
    }
    window.addEventListener('scroll', checkDepth, {passive: true});
    window.addEventListener('beforeunload', function(){
      var raw = getCookie('enorby_sd');
      var sd = raw ? JSON.parse(atob(raw)) : {pages:{}};
      sd.pages[window.location.pathname] = maxDepth;
      var keys = Object.keys(sd.pages);
      if (keys.length > 20) {
        keys.slice(0, keys.length - 20).forEach(function(k){ delete sd.pages[k]; });
      }
      setCookie('enorby_sd', btoa(JSON.stringify(sd)), 30);
    });
  })();

  // ─── 11. RECENTLY VIEWED SERVICES ───
  (function(){
    if (!COOKIE_ALL) return;
    var sections = document.querySelectorAll('[data-service], section[id]');
    if (!sections.length) return;
    var raw = getCookie('enorby_recent');
    var recent = raw ? JSON.parse(atob(raw)) : [];
    var obs = new IntersectionObserver(function(entries){
      entries.forEach(function(e){
        if (e.isIntersecting) {
          var id = e.target.getAttribute('data-service') || e.target.id;
          if (id && recent.indexOf(id) === -1) {
            recent.push(id);
            if (recent.length > 10) recent = recent.slice(-10);
            setCookie('enorby_recent', btoa(JSON.stringify(recent)), 30);
          }
        }
      });
    }, {threshold: 0.4});
    sections.forEach(function(el){ obs.observe(el); });
  })();

  // ─── 12. POPUP/BANNER SUPPRESSION ───
  (function(){
    if (!COOKIE_ALL) return;
    var raw = getCookie('enorby_dismiss');
    var dismissed = raw ? JSON.parse(atob(raw)) : [];
    window._enorbyDismiss = function(id){
      if (dismissed.indexOf(id) === -1) dismissed.push(id);
      setCookie('enorby_dismiss', btoa(JSON.stringify(dismissed)), 14);
    };
    window._enorbyIsDismissed = function(id){
      return dismissed.indexOf(id) > -1;
    };
  })();

  // ─── 13. DOWNLOAD TRACKING ───
  (function(){
    if (!COOKIE_ALL) return;
    document.addEventListener('click', function(e){
      var link = e.target.closest('a[href$=".pdf"], a[href$=".docx"], a[href$=".xlsx"], a[download]');
      if (!link) return;
      var raw = getCookie('enorby_dl');
      var downloads = raw ? JSON.parse(atob(raw)) : [];
      var file = link.getAttribute('href') || link.getAttribute('download') || '';
      downloads.push({f: file.split('/').pop(), t: Math.floor(Date.now()/1000)});
      if (downloads.length > 20) downloads = downloads.slice(-20);
      setCookie('enorby_dl', btoa(JSON.stringify(downloads)), 30);
      sendTrackEvent('download');
    });
  })();

  // ─── 14. RATE LIMIT (client-side throttle) ───
  (function(){
    if (!COOKIE_ALL) return;
    window._enorbyCheckRate = function(formType){
      var raw = getCookie('enorby_rl');
      var rl = raw ? JSON.parse(atob(raw)) : {};
      var entry = rl[formType] || {c: 0, w: Math.floor(Date.now()/1000)};
      var hourAgo = Math.floor(Date.now()/1000) - 3600;
      if (entry.w < hourAgo) { entry.c = 0; entry.w = Math.floor(Date.now()/1000); }
      return entry.c < 5;
    };
    window._enorbyIncrementRate = function(formType){
      var raw = getCookie('enorby_rl');
      var rl = raw ? JSON.parse(atob(raw)) : {};
      var entry = rl[formType] || {c: 0, w: Math.floor(Date.now()/1000)};
      var hourAgo = Math.floor(Date.now()/1000) - 3600;
      if (entry.w < hourAgo) { entry.c = 0; entry.w = Math.floor(Date.now()/1000); }
      entry.c++;
      rl[formType] = entry;
      setCookie('enorby_rl', btoa(JSON.stringify(rl)), 1);
    };
  })();

  // ─── 15. EVENT TRACKING BEACON ───
  function sendTrackEvent(eventType, extra){
    var raw = getCookie('enorby_eg');
    var eg = raw ? JSON.parse(atob(raw)) : {p:0, s:[], t:0};
    var body = {
      event_type: eventType,
      pages_viewed: eg.p || 0,
      time_on_site: eg.t || 0,
      sections: (eg.s || []).length,
      landing_page: window.location.pathname
    };
    if (extra) Object.keys(extra).forEach(function(k){ body[k] = extra[k]; });
    if (navigator.sendBeacon) {
      navigator.sendBeacon('/api/cookie-tracker.php', JSON.stringify(body));
    } else {
      fetch('/api/cookie-tracker.php', {method:'POST', body:JSON.stringify(body), credentials:'same-origin', keepalive:true}).catch(function(){});
    }
  }
  window._enorbyTrack = sendTrackEvent;

  // Send initial visit/return event
  (function(){
    if (!COOKIE_ALL) return;
    var raw = getCookie('enorby_rv');
    var rv = raw ? JSON.parse(atob(raw)) : {v:1};
    sendTrackEvent(rv.v > 1 ? 'return' : 'visit');
  })();

  // ─── 16. FORM RECOVERY (localStorage-based, not cookies) ───
  (function(){
    var forms = {
      'sessionForm': ['ss-name','ss-business','ss-position','ss-email','ss-phone','ss-desc'],
      'quickSupportForm': ['qs-name','qs-business','qs-position','qs-email','qs-phone','qs-anydesk','qs-desc'],
      'scorecardForm': ['sc-name','sc-email','sc-org']
    };
    Object.keys(forms).forEach(function(formId){
      var form = document.getElementById(formId);
      if (!form) return;
      var key = 'enorby_draft_' + formId;
      // Restore saved data
      var saved = localStorage.getItem(key);
      if (saved) {
        try {
          var data = JSON.parse(saved);
          var hasData = false;
          forms[formId].forEach(function(fieldId){
            var el = document.getElementById(fieldId);
            if (el && data[fieldId] && !el.value) {
              el.value = data[fieldId];
              hasData = true;
            }
          });
          if (hasData) {
            var notice = document.createElement('div');
            var isLight = document.documentElement.getAttribute('data-theme') === 'light';
            var noticeBg = isLight ? 'rgba(166,124,0,.08)' : 'rgba(212,175,55,.08)';
            var noticeBorder = isLight ? 'rgba(166,124,0,.2)' : 'rgba(212,175,55,.2)';
            notice.style.cssText = 'padding:8px 14px;margin-bottom:12px;background:' + noticeBg + ';border:1px solid ' + noticeBorder + ';border-radius:8px;font-size:12px;color:var(--ink-2);font-family:Archivo,sans-serif;display:flex;align-items:center;justify-content:space-between;';
            notice.innerHTML = '<span>We saved your progress from last time.</span><button style="background:none;border:none;color:var(--accent);cursor:pointer;font-size:11px;font-weight:700;font-family:Archivo,sans-serif;letter-spacing:.04em" onclick="this.parentElement.remove();localStorage.removeItem(\''+key+'\')">CLEAR</button>';
            form.insertBefore(notice, form.firstChild);
          }
        } catch(e){}
      }
      // Auto-save on input
      var saveTimeout;
      form.addEventListener('input', function(){
        clearTimeout(saveTimeout);
        saveTimeout = setTimeout(function(){
          var draft = {};
          forms[formId].forEach(function(fieldId){
            var el = document.getElementById(fieldId);
            if (el) draft[fieldId] = el.value;
          });
          localStorage.setItem(key, JSON.stringify(draft));
        }, 1000);
      });
      // Clear on successful submit
      form.addEventListener('submit', function(){
        setTimeout(function(){ localStorage.removeItem(key); }, 3000);
      });
    });
  })();

})();
</script>


<script src="api/integrations.php?load=js" defer></script>
<script>setTimeout(function(){document.querySelectorAll("#scorecardForm input,#sessionForm input,#sessionForm textarea,#quickSupportForm input,#quickSupportForm textarea").forEach(function(el){if(el.type!=="hidden"&&el.type!=="submit")el.value="";});},80);</script>
</body>
</html>

/* ═══════════════════════════════════════════════════════
   PAGE: Legal (privacy.html, terms.html, cookies.html)
   Styles moved inline to each page for full independence.
   This block intentionally left minimal as a fallback.
   ═══════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════
   PAGE: Error pages (400-503)
   ═══════════════════════════════════════════════════════ */
@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.01)}}
@keyframes orbDrift1{0%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}100%{transform:translate(0,0) scale(1)}}
@keyframes orbDrift2{0%{transform:translate(0,0) scale(1)}33%{transform:translate(-50px,20px) scale(.9)}66%{transform:translate(30px,-40px) scale(1.05)}100%{transform:translate(0,0) scale(1)}}
.page-error{--error-hue:212,175,55;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;min-height:100vh;overflow:hidden;position:relative}.page-error::before{content:'';position:fixed;width:clamp(300px,50vw,600px);height:clamp(300px,50vw,600px);border-radius:50%;background:radial-gradient(circle,rgba(var(--error-hue),.06),transparent 60%);top:-10%;left:-10%;pointer-events:none;animation:orbDrift1 20s ease-in-out infinite}.page-error::after{content:'';position:fixed;width:clamp(200px,40vw,500px);height:clamp(200px,40vw,500px);border-radius:50%;background:radial-gradient(circle,rgba(var(--error-hue),.03),transparent 60%);bottom:-5%;right:-5%;pointer-events:none;animation:orbDrift2 25s ease-in-out infinite}
.page-error .error-container{max-width:560px;width:100%;position:relative;z-index:1}.page-error .brand{justify-content:center;margin-bottom:48px}.page-error .error-code{font-family:var(--font-heading);font-size:clamp(100px,20vw,180px);font-weight:700;line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,rgba(var(--error-hue),.4),rgba(var(--error-hue),.15));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;user-select:none;animation:float 6s ease-in-out infinite}.page-error .error-title{font-family:var(--font-heading);font-size:clamp(22px,3vw,32px);font-weight:600;margin-bottom:12px;color:var(--ink-0)}.page-error .error-desc{font-size:16px;color:var(--ink-2);line-height:1.7;margin-bottom:36px;max-width:44ch;margin-left:auto;margin-right:auto}.page-error .error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.page-error .error-meta{margin-top:48px;font-size:12px;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.04em;opacity:.7}.page-error .theme-toggle{position:fixed;top:20px;right:20px}
[data-theme="light"] .page-error .error-code{background:linear-gradient(180deg,rgba(var(--error-hue),.5),rgba(var(--error-hue),.2));-webkit-background-clip:text;background-clip:text}[data-theme="light"] .page-error::before,[data-theme="light"] .page-error::after{opacity:.4}
@media(max-width:500px){.page-error .error-actions{flex-direction:column}.page-error .btn{width:100%;justify-content:center}}

[data-theme="light"] .menu-toggle.open{background:#f8f4eb!important;border-color:rgba(166,124,0,.25)!important;box-shadow:0 1px 4px rgba(0,0,0,.06)!important}[data-theme="light"] .menu-toggle.open span{background:#2d1b47!important}
