@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}ol,ul{list-style:none}:root{--font-display:'Space Mono', monospace;--font-editorial:'Space Mono', monospace;--font-body:'Plus Jakarta Sans', sans-serif;--font-mono:'Space Mono', monospace;--color-neon-green:#00FF41;--color-dark:#0A0A0A;--color-dark-gray:#1b1c1c;--color-border:#E5E5E5;--color-text-secondary:#5f5e5e;--brand-green:#00FF41;--brand-dark:#0A0A0A;--outline:#6b7c65;--on-primary-fixed:#002203;--surface-container:#efeded;--on-secondary-container:#656464;--outline-variant:#b9ccb2;--primary-container:#00ff41;--on-background:#1b1c1c;--inverse-on-surface:#f2f0f0;--surface-tint:#006e16;--secondary-fixed-dim:#c9c6c5;--on-primary-container:#007117;--tertiary-container:#dddddd;--secondary-fixed:#e5e2e1;--surface-dim:#dbdad9;--on-error:#ffffff;--on-secondary:#ffffff;--on-primary-fixed-variant:#00530e;--surface:#fbf9f8;--background:#fbf9f8;--on-surface:#1b1c1c;--surface-container-low:#f5f3f3;--on-surface-variant:#3b4b37;--primary:#006e16;--on-error-container:#93000a;--secondary-container:#e5e2e1;--on-tertiary-fixed-variant:#454747;--surface-variant:#e4e2e2;--surface-container-high:#e9e8e7;--surface-container-highest:#e4e2e2;--secondary:#5f5e5e;--on-secondary-fixed-variant:#474646;--inverse-surface:#303031;--error-container:#ffdad6;--tertiary-fixed-dim:#c6c6c7;--primary-fixed:#72ff70;--surface-bright:#fbf9f8;--primary-fixed-dim:#00e639;--on-tertiary:#ffffff;--on-primary:#ffffff;--tertiary-fixed:#e2e2e2;--inverse-primary:#00e639;--surface-container-lowest:#ffffff;--on-tertiary-fixed:#1a1c1c;--on-tertiary-container:#606161;--on-secondary-fixed:#1c1b1b;--error:#ba1a1a;--tertiary:#5d5f5f}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-4{top:1rem}.top-8{top:2rem}.top-16{top:4rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-4{left:1rem}.left-8{left:2rem}.right-0{right:0}.right-4{right:1rem}.right-8{right:2rem}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex;align-items:center}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.col-span-2{grid-column:span 2/span 2}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.w-1{width:.25rem}.w-6{width:1.5rem}.w-24{width:6rem}.w-full{width:100%}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-4{height:1rem}.h-16{height:4rem}.h-48{height:12rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.min-w-\[260px\]{min-width:260px}.max-w-xs{max-width:20rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto}.mr-auto,.mx-auto{margin-right:auto}@media (min-width:1024px){.max-w-7xl{max-width:1400px!important}.max-w-4xl{max-width:1100px!important}.max-w-3xl{max-width:960px!important}}.p-1{padding:.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-4\.5{padding-top:1.125rem;padding-bottom:1.125rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-32{padding-top:8rem;padding-bottom:8rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pt-32{padding-top:8rem}.pt-44{padding-top:11rem}.pb-8{padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem}.pb-32{padding-bottom:8rem}.pb-40{padding-bottom:10rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg,.text-xl{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl,.text-6xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem}.text-\[10px\]{font-size:10px}.text-\[10rem\]{font-size:10rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-center{text-align:center}.list-none{list-style:none}.font-headline-lg{font-family:var(--font-display)!important;letter-spacing:-.02em;font-weight:700}.font-headline-md{font-family:var(--font-editorial)!important;font-weight:700}.font-body-md{font-family:var(--font-body)!important;font-weight:400}.font-label-sm{font-weight:400;letter-spacing:.05em;text-transform:uppercase}.font-label-sm,.font-mono-data{font-family:var(--font-mono)!important}.bg-background{background-color:var(--background)}.bg-surface{background-color:var(--surface)}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-primary{background-color:var(--primary)}.bg-primary-container{background-color:var(--primary-container)}.bg-brand-dark{background-color:var(--brand-dark)}.bg-\[\#0A0A0A\]{background-color:#0a0a0a}.bg-\[\#00FF41\]{background-color:#00ff41}.bg-\[\#00FF41\]\/10{background-color:rgba(0,255,65,.1)}.bg-white\/5{background-color:rgba(255,255,255,.05)}.bg-black\/40{background-color:rgba(0,0,0,.4)}.text-on-background{color:var(--on-background)}.text-on-primary-container{color:var(--on-primary-container)}.hover\:text-white:hover,.text-white{color:#fff}.hover\:text-black:hover,.text-black{color:#000}.group:hover .group-hover\:text-primary,.hover\:text-primary:hover,.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-error{color:var(--error)}.hover\:text-\[\#00FF41\]:hover,.text-\[\#00FF41\]{color:#00ff41}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.border,.border-2{border-width:1px;border-style:solid}.border-2{border-width:1px}.border-t,.border-t-2{border-top-width:1px;border-top-style:solid}.border-t-2{border-top-width:1px}.border-b,.border-b-2{border-bottom-width:1px;border-bottom-style:solid}.border-b-2{border-bottom-width:1px}.border-l-2,.border-l-4{border-left-width:2px;border-left-style:solid}.border-l-4{border-left-width:4px}.border-black{border-color:#000}.border-black\/40{border-color:rgba(0,0,0,.4)}.border-white\/20{border-color:rgba(255,255,255,.2)}.border-primary{border-color:var(--primary)}.border-\[\#E5E5E5\]{border-color:#e5e5e5}.border-\[\#262626\]{border-color:#262626}.border-\[\#00FF41\],.hover\:border-\[\#00FF41\]:hover{border-color:#00ff41}.border-\[\#00FF41\]\/30{border-color:rgba(0,255,65,.3)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.resize-none{resize:none}.select-none{user-select:none;-webkit-user-select:none}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.transition-all,.transition-colors{transition-property:color,background-color,border-color;transition-duration:150ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all}.duration-300{transition-duration:300ms}.transform{transform:translateX(0)}.translate-y-full{transform:translateY(100%)}.btn-premium:hover::before,.translate-y-0{transform:translateY(0)}.opacity-100{opacity:1}.shadow-\[0_-4px_24px_rgba\(0\,0\,0\,0\.08\)\]{box-shadow:0-4px 24px rgba(0,0,0,.08)}.hover\:border-black:hover{border-color:#000}.hover\:bg-\[\#00FF41\]:hover{background-color:#00ff41}.hover\:bg-white:hover{background-color:#fff}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:w-auto{width:auto}}@media (min-width:768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:block{display:block}}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor;flex-shrink:0}.icon-sm{width:14px;height:14px}.icon-base{width:16px;height:16px}.icon-lg{width:20px;height:20px}.icon-xl{width:24px;height:24px}.icon-2xl{width:32px;height:32px}.icon-4xl{width:48px;height:48px}.icon-5xl{width:56px;height:56px}.glass-navbar{background:rgba(10,10,10,.75)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08)!important;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-navbar.scrolled{background:rgba(10,10,10,.9)!important;border-bottom:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 30px rgba(0,0,0,.2)}.btn-premium,.btn-primary{position:relative;overflow:hidden;border-radius:10px}.btn-premium.bg-black{background-color:#000}.btn-premium.text-white{color:#fff}.btn-premium.text-white:hover{color:#00ff41!important}.btn-premium{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1rem 2.5rem;background:var(--color-neon-green);color:#000;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 14px 0 rgba(0,255,65,.2)}.btn-premium span{position:relative;z-index:2}.btn-premium::before,.btn-primary::before{content:"";position:absolute;transform:translateY(100%)}.btn-premium::before{top:0;left:0;width:100%;height:100%;background:var(--color-dark);transition:transform .35s cubic-bezier(.25,.8,.25,1);z-index:1}.btn-premium:hover{color:var(--color-neon-green)!important;box-shadow:0 6px 20px 0 rgba(0,255,65,.4);transform:translateY(-2px)}.btn-premium:active,.btn-primary:hover::before{transform:translateY(0)}.btn-primary{transition:transform .2s ease,background .2s ease,color .2s ease}.btn-primary::before{inset:0;background:#0a0a0a;transition:transform .25s ease}.btn-primary:hover{color:#00ff41}.btn-primary span{position:relative;z-index:1}.btn-primary:active{transform:scale(.96)}.btn-ghost{transition:background .2s ease,color .2s ease,border-color .2s ease;border-radius:10px}.btn-ghost:hover{background:#0a0a0a;color:#00ff41;border-color:#0a0a0a}.btn-ghost:active{transform:scale(.96)}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left,.reveal-right{opacity:0;transform:translateX(-35px);transition:opacity 1.3s cubic-bezier(.16,1,.3,1),transform 1.3s cubic-bezier(.16,1,.3,1)}.reveal-left.visible,.reveal-right.visible{opacity:1;transform:translateX(0)}.reveal-right{transform:translateX(35px)}.nav-link{position:relative}.nav-link::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#00ff41;transition:width .25s ease}.nav-link:hover::after{width:100%}.card-lift{transition:transform .25s ease,box-shadow .25s ease;border-radius:20px;overflow:hidden}.card-lift:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.card-lift-brutalist{transition:all .4s cubic-bezier(.25,.8,.25,1);border:1px solid #e5e5e5;border-radius:20px;overflow:hidden}.card-lift-brutalist:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(0,0,0,.12);border-color:#000}.field-input{transition:border-color .2s ease,box-shadow .2s ease}.field-input:focus{border-color:#00ff41!important;border-width:2px;box-shadow:0 0 0 3px rgba(0,255,65,.12);outline:0}.field-input.error{border-color:#ba1a1a!important;border-width:2px;box-shadow:0 0 0 3px rgba(186,26,26,.1)}.form-success{display:none;opacity:0;transition:opacity .4s ease}.form-success.show{display:flex;opacity:1}.stat-num{font-variant-numeric:tabular-nums}details{border-radius:16px}details summary{user-select:none;-webkit-user-select:none}details[open] summary .faq-icon{transform:rotate(180deg)}.faq-icon{transition:transform .3s ease}details .faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease,opacity .35s ease;opacity:0}details .faq-body>*{overflow:hidden;min-height:0}details[open] .faq-body{grid-template-rows:1fr;opacity:1}#mobile-menu{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}#mobile-menu.open{opacity:1;visibility:visible}.spinner{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}#toast{position:fixed;bottom:24px;right:24px;z-index:9999;transform:translateY(80px);transition:transform .35s ease,opacity .35s ease}#toast.show{transform:translateY(0);opacity:1}.usecase-card{transition:border-color .25s ease,background .25s ease,transform .25s ease;border-radius:20px}.usecase-card:hover{border-color:#0a0a0a;background:#0a0a0a;color:#00ff41;transform:translateY(-3px)}.usecase-card:hover p{color:#b0b0b0}.image-duotone-container{position:relative;background-color:var(--color-dark);overflow:hidden}.image-duotone-container img{filter:grayscale(100%) contrast(1.25) brightness(.9);mix-blend-mode:luminosity;transition:transform .6s cubic-bezier(.25,.8,.25,1),filter .6s ease,mix-blend-mode .6s ease}.image-duotone-container::after{content:"";position:absolute;inset:0;background-color:var(--color-neon-green);mix-blend-mode:multiply;opacity:.9;transition:opacity .6s cubic-bezier(.25,.8,.25,1);pointer-events:none}.image-duotone-container:hover img{filter:grayscale(0%) contrast(1) brightness(1);mix-blend-mode:normal;transform:scale(1.05)}#toast,.image-duotone-container:hover::after{opacity:0}.text-outline-green{color:transparent;-webkit-text-stroke:1.5px rgba(0,255,65,.12)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-neon-green)}.cursor-follower,.custom-cursor{border-radius:50%;position:fixed;transform:translate(-50%,-50%);pointer-events:none}.custom-cursor{width:8px;height:8px;background-color:var(--color-neon-green);z-index:99999;transition:width .2s,height .2s,background-color .2s}.cursor-follower{width:32px;height:32px;border:1.5px solid var(--color-neon-green);z-index:99998;transition:transform .08s cubic-bezier(.25,1,.5,1),width .3s,height .3s,border-color .3s,background-color .3s}.custom-cursor.active{width:4px;height:4px;background-color:#fff}.cursor-follower.active{width:48px;height:48px;border-color:var(--color-neon-green);background-color:rgba(0,255,65,.08)}@media (min-width:1024px){.custom-cursor-active,.custom-cursor-active *{cursor:none!important}}.marquee-container{overflow:hidden;white-space:nowrap;display:flex;width:100%}.marquee-content{display:inline-flex;animation:marquee 25s linear infinite;min-width:100%;align-items:center;gap:2rem}.grain-overlay,.hero-halftone-bg{position:absolute;inset:0;pointer-events:none}.grain-overlay{width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");z-index:1}.hero-halftone-bg{background-image:url(./background_halftone.svg);background-size:800px;background-position:center;background-repeat:no-repeat;opacity:.1;mix-blend-mode:screen;z-index:0}.museum-line-y{width:1px;background-color:rgba(255,255,255,.08);height:100%;position:absolute;top:0}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#00ff41;animation:pulse-dot 1.8s ease-in-out infinite;display:inline-block}#hamburger{background:transparent!important;border:none!important;box-shadow:none!important;cursor:pointer;outline:none!important}.bg-white\/10{background-color:rgba(255,255,255,.1)}.col-span-3{grid-column:span 3/span 3}.h-64{height:16rem}.leading-snug{line-height:1.375}.min-h-\[250px\]{min-height:250px}.p-10{padding:2.5rem}.pb-24{padding-bottom:6rem}.pl-8{padding-left:2rem}.pt-40{padding-top:10rem}.space-y-16>*+*{margin-top:4rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:h-auto{height:auto}}
/* Hero network diagram */
.hero-diagram{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;margin-top:4rem;position:relative;z-index:10}
.hd-node{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1.75rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:16px;min-width:150px;transition:border-color .3s ease,background .3s ease}
.hd-node:hover{border-color:rgba(0,255,65,.4);background:rgba(0,255,65,.04)}
.hd-icon{width:40px;height:40px;border-radius:50%;background:rgba(0,255,65,.1);border:1px solid rgba(0,255,65,.3);display:flex;align-items:center;justify-content:center;color:#00ff41}
.hd-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-align:center;line-height:1.4}
.hd-label span{display:block;color:#7a7a7a;font-size:.6rem;margin-top:.25rem}
.hd-connector{width:64px;height:1px;background:linear-gradient(90deg,rgba(0,255,65,.5),rgba(0,255,65,.1));position:relative;flex-shrink:0}
.hd-connector::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#00ff41}
@media (max-width:768px){.hero-diagram{flex-direction:column}.hd-connector{width:1px;height:32px}.hd-connector::after{right:50%;top:100%;transform:translate(50%,-50%)}}
/* Click-to-reveal tabs (radio-driven, no JS) */
.tabs-stepper{border:1px solid var(--color-border);border-radius:20px;padding:2.5rem;position:relative}
.tab-radio{position:absolute;opacity:0;pointer-events:none}
.tabs-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}
.tab-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.6rem 1.1rem;border-radius:999px;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);transition:background .2s ease,color .2s ease}
.tab-label:hover{color:#1b1c1c}
.tab-num{font-weight:700;color:var(--primary)}
.tab-panel{display:none}
#impact .border{border-radius:16px;transition:border-color .25s ease,transform .25s ease}
#impact .border:hover{transform:translateY(-4px)}
#pt1:checked ~ .tabs-nav label[for="pt1"],#pt2:checked ~ .tabs-nav label[for="pt2"],#pt3:checked ~ .tabs-nav label[for="pt3"],#pt4:checked ~ .tabs-nav label[for="pt4"]{background:var(--color-dark);color:#00ff41}
#pt1:checked ~ .tab-panel[data-panel="1"],#pt2:checked ~ .tab-panel[data-panel="2"],#pt3:checked ~ .tab-panel[data-panel="3"],#pt4:checked ~ .tab-panel[data-panel="4"]{display:block}
/* "/ Eyebrow" caption pattern (replaces pill badges) */
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:1.5rem}
.eyebrow::before{content:'/';color:#00ff41;font-weight:700}
.eyebrow.is-light{color:#9a9a9a}
/* Quote spotlight (portrait/mark + big pull-quote) */
.quote-spotlight{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center}
.quote-spotlight-mark{width:88px;height:88px;border-radius:50%;background:var(--color-dark);color:#00ff41;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.5rem;flex-shrink:0;border:1px solid rgba(0,255,65,.3)}
.quote-spotlight blockquote{font-family:var(--font-display);font-size:1.75rem;line-height:1.35;letter-spacing:-.01em;margin-bottom:1.5rem;font-weight:700}
@media (max-width:768px){.quote-spotlight{grid-template-columns:1fr;text-align:center;justify-items:center}}
/* Asymmetric bento comparison grid */
.compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:20px;overflow:hidden}
.compare-item{background:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:flex-end;min-height:200px;transition:background .25s ease}
.compare-item.is-wide{grid-column:span 2}
.compare-item.is-tall{grid-row:span 2;min-height:420px}
.compare-item.is-dark{background:var(--color-dark);color:#fff}
.compare-item:hover{background:#f5f3f3}
.compare-item.is-dark:hover{background:#151515}
@media (max-width:900px){.compare-grid{grid-template-columns:1fr 1fr}.compare-item.is-tall{grid-row:span 1;min-height:200px}}
@media (max-width:600px){.compare-grid{grid-template-columns:1fr}.compare-item.is-wide{grid-column:span 1}}
/* Split tabs: nav strip + content-left / media-right */
.tabs-engine{border:1px solid var(--color-border);border-radius:24px;overflow:hidden}
.tabs-engine-radio{position:absolute;opacity:0;pointer-events:none}
.tabs-engine-nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);background:var(--surface)}
.tabs-engine-body{display:grid;grid-template-columns:1fr 1fr}
.tabs-engine-panel{display:none;padding:3rem}
.tabs-engine-media{position:relative;min-height:380px;background:var(--color-dark);overflow:hidden}
.tabs-engine-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;display:none}
#et1:checked ~ .tabs-engine-nav label[for="et1"],#et2:checked ~ .tabs-engine-nav label[for="et2"],#et3:checked ~ .tabs-engine-nav label[for="et3"]{background:var(--color-dark);color:#00ff41}
#et1:checked ~ .tabs-engine-body .tabs-engine-panel[data-epanel="1"],#et2:checked ~ .tabs-engine-body .tabs-engine-panel[data-epanel="2"],#et3:checked ~ .tabs-engine-body .tabs-engine-panel[data-epanel="3"]{display:block}
#et1:checked ~ .tabs-engine-body .tabs-engine-media img[data-eimg="1"],#et2:checked ~ .tabs-engine-body .tabs-engine-media img[data-eimg="2"],#et3:checked ~ .tabs-engine-body .tabs-engine-media img[data-eimg="3"]{display:block}
@media (max-width:900px){.tabs-engine-body{grid-template-columns:1fr}.tabs-engine-media{min-height:220px;order:-1}}
/* Giant footer wordmark */
.footer-display{padding:0 0 2rem;text-align:center;overflow:hidden}
.footer-display-logo{font-family:var(--font-display);font-weight:700;font-size:clamp(2.75rem,13vw,10rem);line-height:1;letter-spacing:-.03em;word-spacing:-.4em;color:var(--color-border);white-space:nowrap;user-select:none;-webkit-user-select:none}
@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}}/* ══ Redesign 3.0 — light-first shell & reference layout components ══ */
/* Light sticky header: announce strip + nav row, one #navbar block so the pseo build slices it whole */
.site-header{background:rgba(251,249,248,.92);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;padding:0;height:auto}
.announce-bar{display:none;justify-content:center;align-items:center;gap:.75rem;background:var(--color-dark);color:#d1d5db;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;padding:.5rem 1rem;text-align:center}
.announce-bar a{color:var(--color-neon-green);white-space:nowrap}
.announce-bar a:hover{text-decoration:underline}
@media (min-width:768px){.announce-bar{display:flex}}
.navbar-inner{display:flex;align-items:center;height:4rem;padding:0 2rem;max-width:1400px;margin:0 auto;width:100%}
.nav-link-dark{color:var(--color-dark-gray)}
.nav-link-dark:hover{color:#000}
/* Hover/focus dropdown (pure CSS, keyboard-friendly via :focus-within) */
.nav-drop{position:relative}
.nav-drop-btn{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;background:none;border:none;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;padding:0}
.nav-drop-btn .icon{transition:transform .2s ease}
.nav-drop:hover .nav-drop-btn .icon,.nav-drop:focus-within .nav-drop-btn .icon{transform:rotate(180deg)}
.nav-drop-menu{position:absolute;top:100%;right:0;padding-top:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:60}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-drop-panel{background:#fff;border:1px solid var(--color-border);border-radius:16px;box-shadow:0 24px 48px rgba(0,0,0,.1);padding:1.75rem;display:grid;gap:1.75rem}
.nav-drop-panel.is-mega{grid-template-columns:repeat(2,minmax(230px,1fr));width:max-content;max-width:min(92vw,720px)}
.nav-drop-group-title{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#000;font-weight:700;display:block;margin-bottom:.75rem}
.nav-drop-group-title:hover{color:var(--primary)}
.nav-drop-item{display:block;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);padding:.3rem 0;transition:color .15s ease}
.nav-drop-item:hover{color:var(--primary)}
/* Light hero: dotted paper texture, no asset needed */
.hero-grid-light{position:absolute;inset:0;pointer-events-none;background-image:radial-gradient(rgba(10,10,10,.10) 1px,transparent 1px);background-size:26px 26px}
.hero-diagram.is-light .hd-node{background:#fff;border-color:var(--color-border)}
.hero-diagram.is-light .hd-node:hover{border-color:var(--primary);background:#fff}
.hero-diagram.is-light .hd-icon{background:rgba(0,110,22,.08);border-color:rgba(0,110,22,.25);color:var(--primary)}
.hero-diagram.is-light .hd-label{color:var(--color-dark-gray)}
.hero-diagram.is-light .hd-label span{color:var(--color-text-secondary)}
.hero-diagram.is-light .hd-connector{background:linear-gradient(90deg,rgba(0,110,22,.5),rgba(0,110,22,.12))}
.hero-diagram.is-light .hd-connector::after{background:var(--primary)}
/* Mono proof strip (fact strip in place of a client-logo row) */
.proof-strip{display:flex;flex-wrap:wrap;justify-content:center;column-gap:3rem;row-gap:1rem;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}
.proof-strip strong{color:#000;font-weight:700;margin-right:.4rem}
/* Vertical tab panel (platform & featured-solutions sections), radio-driven, no JS */
.tabs-vert{display:grid;grid-template-columns:300px 1fr;border:1px solid var(--color-border);border-radius:24px;overflow:hidden;background:#fff;position:relative}
.tabs-vert-nav{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem;background:var(--surface);border-right:1px solid var(--color-border)}
.tabs-vert-label{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;border-radius:12px;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);transition:background .2s ease,color .2s ease}
.tabs-vert-label:hover{color:#000;background:rgba(0,0,0,.04)}
.tabs-vert-label .tab-num{color:var(--primary);font-weight:700}
.tabs-vert-panel{display:none;padding:2.5rem;min-width:0}
@media (min-width:900px){.tabs-vert-panel{padding:3rem}}
@media (max-width:900px){.tabs-vert{grid-template-columns:1fr}.tabs-vert-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--color-border)}.tabs-vert-label{white-space:nowrap}}
/* Terminal-style abstract product visual (used instead of screenshots) */
.viz-window{background:var(--color-dark);border:1px solid #262626;border-radius:16px;overflow:hidden;font-family:var(--font-mono);font-size:.68rem;color:#9ca3af}
.viz-head{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;border-bottom:1px solid #262626}
.viz-dot{width:9px;height:9px;border-radius:50%;background:#333;display:inline-block}
.viz-dot.is-green{background:#00ff41}
.viz-title{margin-left:.5rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}
.viz-body{padding:1.1rem;display:flex;flex-direction:column;gap:.55rem}
.viz-line{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .75rem;border:1px solid #1f1f1f;border-radius:8px;background:rgba(255,255,255,.02)}
.viz-ok{color:#00ff41;white-space:nowrap}
.viz-bar{height:6px;border-radius:3px;background:#1f1f1f;position:relative;overflow:hidden;flex:1;min-width:60px}
.viz-bar span{position:absolute;top:0;left:0;bottom:0;width:var(--w,60%);background:#00ff41;border-radius:3px}
/* Editorial field-note card (dark visual header + light body) */
.fieldnote-card{border:1px solid var(--color-border);border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.fieldnote-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.1);border-color:#000}
.fieldnote-visual{background:var(--color-dark);padding:1.75rem;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}
.fieldnote-tag{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#00ff41;border:1px solid rgba(0,255,65,.35);border-radius:999px;padding:.3rem .7rem;align-self:flex-start}
.fieldnote-glyph{font-family:var(--font-mono);font-weight:700;font-size:1.6rem;line-height:1.25;color:#fff;letter-spacing:-.02em}
/* Dark FAQ accordion variant */
details.faq-dark{background:#111;border:1px solid #262626;color:#fff;transition:border-color .25s ease}
details.faq-dark:hover{border-color:rgba(0,255,65,.4)}
details.faq-dark .faq-body p{color:#9ca3af}
/* Dark mega footer */
.footer-dark{background:var(--color-dark);color:#fff}
.footer-dark .footer-display-logo{color:#1a1a1a}
.footer-col-title{font-family:var(--font-mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;margin-bottom:1.5rem;display:block}
.footer-link{display:block;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;padding:.35rem 0;transition:color .15s ease}
.footer-link:hover{color:#00ff41}.footer-dark .text-gray-500{color:#9ca3af}
/* Vertical tab checked states (radio-driven; ids are part of the component contract) */
#pl1:checked ~ .tabs-vert-nav label[for="pl1"],#pl2:checked ~ .tabs-vert-nav label[for="pl2"],#pl3:checked ~ .tabs-vert-nav label[for="pl3"],#pl4:checked ~ .tabs-vert-nav label[for="pl4"],
#fs1:checked ~ .tabs-vert-nav label[for="fs1"],#fs2:checked ~ .tabs-vert-nav label[for="fs2"],#fs3:checked ~ .tabs-vert-nav label[for="fs3"],#fs4:checked ~ .tabs-vert-nav label[for="fs4"],#fs5:checked ~ .tabs-vert-nav label[for="fs5"],#fs6:checked ~ .tabs-vert-nav label[for="fs6"]{background:var(--color-dark);color:#00ff41}
#pl1:checked ~ .tabs-vert-panel[data-vpanel="1"],#pl2:checked ~ .tabs-vert-panel[data-vpanel="2"],#pl3:checked ~ .tabs-vert-panel[data-vpanel="3"],#pl4:checked ~ .tabs-vert-panel[data-vpanel="4"],
#fs1:checked ~ .tabs-vert-panel[data-vpanel="1"],#fs2:checked ~ .tabs-vert-panel[data-vpanel="2"],#fs3:checked ~ .tabs-vert-panel[data-vpanel="3"],#fs4:checked ~ .tabs-vert-panel[data-vpanel="4"],#fs5:checked ~ .tabs-vert-panel[data-vpanel="5"],#fs6:checked ~ .tabs-vert-panel[data-vpanel="6"]{display:block}
/* Strategy call modal: gates every calendly.com link behind a short lead form, site-wide */
.strategy-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.strategy-modal.open{opacity:1;visibility:visible}
.strategy-modal-backdrop{position:absolute;inset:0;background:rgba(10,10,10,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.strategy-modal-panel{position:relative;background:#fff;border:2px solid #000;border-radius:12px;max-width:28rem;width:100%;max-height:90vh;overflow-y:auto;padding:2.5rem 2rem 2rem;transform:translateY(16px) scale(.98);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.strategy-modal.open .strategy-modal-panel{transform:translateY(0) scale(1)}
.strategy-modal-close{position:absolute;top:.75rem;right:.75rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer}
.strategy-modal-close:hover{color:#000}
body.modal-open{overflow:hidden}
@media (max-width:480px){.strategy-modal-panel{padding:2.25rem 1.25rem 1.5rem}}