/* DFNDR X · Securatech brand: ink #0E1512, paper #F4F6F3, mint #5AE4AA */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#F4F6F3;color:#0E1512;font-family:'Geist',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;overflow-x:clip}
h1,h2,h3{margin:0;font-weight:600}
h1{font-size:clamp(2.6rem,5.2vw,4.4rem);line-height:.98;letter-spacing:-.045em}
h2{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.05;letter-spacing:-.04em}
h3{font-size:1.5rem;letter-spacing:-.03em}
p{margin:0}
a{color:#0B7350}
a:hover{color:#0E1512}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #5AE4AA;outline-offset:2px}
section[id]{scroll-margin-top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:8px;background:#5AE4AA;color:#0E1512;padding:10px 14px;z-index:10}
.skip:focus{left:8px}
.wrap{max-width:1296px;margin:0 auto;padding:0 24px}
.sec{padding:96px 0}
.white{background:#FFF;border-top:1px solid #C2CCC7;border-bottom:1px solid #C2CCC7}
.dark{background:#0E1512;color:#F4F6F3}
.grid{background-image:linear-gradient(#1A2420 1px,transparent 1px),linear-gradient(90deg,#1A2420 1px,transparent 1px);background-size:48px 48px}
.split{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.split.top{align-items:flex-start}
.col{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:22px}
.col.wide{flex:1.45 1 520px}
.col.narrow{flex:0 1 300px}
.center{align-items:center}
.k{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#56615C}
.dark .k{color:#C2CCC7}
.mint-t,.dark .mint-t{color:#5AE4AA}
.red-t{color:#FF7A7E}
.amb-t{color:#F5A524}
.lead{font-size:19px;line-height:29px;color:#C2CCC7;max-width:640px}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.head>div{display:flex;flex-direction:column;gap:12px;max-width:680px}
.head>p{max-width:440px;color:#3A4440}
.row{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:13px 20px;font-weight:600;text-decoration:none;border:1px solid transparent}
.btn.mint{background:#5AE4AA;color:#0E1512}
.btn.mint:hover{background:#7DEBBE;color:#0E1512}
.btn.ghost{border-color:#56615C;color:#F4F6F3;font-weight:500}
.btn.ghost:hover{border-color:#5AE4AA;color:#F4F6F3}
.btn.line{border-color:#0E1512;color:#0E1512}
.btn.line:hover{background:#0E1512;color:#F4F6F3}
.sq{display:inline-block;width:8px;height:8px;background:#5AE4AA;flex:none}
.sq.red{background:#E5484D}
/* nav */
.top{border-bottom:1px solid #2A3631;position:relative;z-index:2}
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-height:44px}
.lockup{display:inline-flex;align-items:center;gap:9px;line-height:1;color:#F4F6F3}
.lockup .mark{display:block;overflow:visible;flex:none}
.wm{display:inline-flex;align-items:baseline;font-size:26px;font-weight:800;line-height:1;letter-spacing:-.01em;color:inherit;white-space:nowrap}
.wm .xl{display:block;flex:none;width:.66em;height:.66em;margin-left:.08em;overflow:visible}
.wm .xl.anim{width:.792em;height:.792em;margin:0 -.066em 0 .014em;position:relative;top:.066em}
.lockup.md .wm{font-size:21px}
.lockup.sm .wm{font-size:15px}
.endorse{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.14em;color:#C2CCC7;border-left:1px solid #2A3631;padding-left:14px}
.links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 26px;font-size:15px}
.links .btn{min-height:44px;padding:12px 18px}
.links a:not(.btn){color:#C2CCC7;text-decoration:none;padding:12px 0}
.links a:not(.btn):hover{color:#5AE4AA}
/* hero */
.hero .wrap{padding-top:72px;padding-bottom:64px}
.ticks{list-style:none;margin:8px 0 0;padding:20px 0 0;border-top:1px solid #2A3631;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#C2CCC7}
.ticks li{display:flex;gap:10px;align-items:center}
.ticks li::before{content:"";width:8px;height:8px;background:#5AE4AA;flex:none}
.scene{position:relative;gap:8px}
.hero-scene{min-height:200px}
.pill{position:absolute;right:0;top:0;display:flex;align-items:center;gap:10px;background:#121A17;border:1px solid #2A3631;padding:10px 14px;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#C2CCC7}
.card{position:absolute;right:0;top:0;width:260px;background:#0E1512;border:1px solid #E5484D;padding:14px;display:flex;flex-direction:column;gap:8px;opacity:0;box-shadow:0 16px 40px rgba(0,0,0,.45)}
.card strong{font-size:16px;letter-spacing:-.02em}
.card .small{font-size:13px;color:#C2CCC7;margin-top:-6px}
.card-top{display:flex;justify-content:space-between;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.14em;color:#9AA59F}
.alarm{display:flex;gap:8px;align-items:center;color:#FF7A7E}
.thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ver{background:#F5A524;color:#0E1512;padding:8px 10px;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;opacity:0}
.feed{list-style:none;margin:0;padding:14px 16px;background:rgba(18,26,23,.9);border:1px solid #2A3631;display:flex;flex-direction:column;gap:6px;font-family:'Geist Mono',monospace;font-size:11.5px;letter-spacing:.06em;min-height:156px}
.feed li{display:flex;gap:12px;opacity:0}
.feed li span:first-child{color:#9AA59F;flex:none}
/* stats band */
.mintband{background:#5AE4AA}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px 40px;padding-top:28px;padding-bottom:28px;font-size:15px;line-height:23px}
.stats strong{display:block;font-size:28px;letter-spacing:-.03em;line-height:34px}
/* cards */
.cards,.caps,.kit,.facts{list-style:none;margin:0;padding:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.step{display:flex;flex-direction:column;gap:14px;padding:28px;background:#FFF;border:1px solid #C2CCC7}
.step-top{display:flex;justify-content:space-between;align-items:flex-start}
.step p,.caps p{color:#3A4440;font-size:15px;line-height:23px}
.caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 24px}
.caps li{display:flex;flex-direction:column;gap:12px;padding:24px 0;border-top:2px solid #0E1512}
.caps svg{width:28px;height:28px;fill:none;stroke:#0E1512;stroke-width:1.6}
.caps h3{font-size:18px;letter-spacing:-.02em}
/* stages */
.tablist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #0E1512}
.tab{font:inherit;cursor:pointer;border:0;border-right:1px solid #0E1512;padding:12px 10px;min-height:64px;text-align:left;display:flex;flex-direction:column;gap:4px;background:#FFF;color:#0E1512;transition:background .25s,color .25s}
.tab:last-child{border-right:0}
.tab[aria-selected="true"]{background:#0E1512;color:#F4F6F3}
.tab:hover:not([aria-selected="true"]){background:#E6F9EF}
.tab-n{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.14em;opacity:.8}
.tab-l{font-size:14px;font-weight:600}
.panel{display:flex;flex-direction:column;gap:14px;min-height:280px}
.panel p{color:#3A4440}
.kit{border-top:1px solid #C2CCC7}
.kit li{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid #C2CCC7;font-size:14px;line-height:21px}
.kid{flex:none;min-width:24px;height:22px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #0E1512;font-family:'Geist Mono',monospace;font-size:11px;font-weight:500}
.muted{color:#3A4440}
.stg-g{transition:opacity .7s}
.dev{transform-box:view-box;transform-origin:0 0;transition:transform 1s cubic-bezier(.7,0,.2,1),opacity .5s}
/* compare */
.tbl-wrap{overflow-x:auto;border:1px solid #C2CCC7;background:#FFF}
.tbl{width:100%;min-width:860px;border-collapse:collapse;font-size:15px;line-height:22px}
.tbl th,.tbl td{padding:18px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #C2CCC7}
.tbl thead th{border-bottom:2px solid #0E1512;font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:#3A4440;vertical-align:middle}
.tbl thead th.us{background:#0E1512}
.tbl tbody th{font-weight:600;width:24%}
.tbl td{color:#3A4440}
.tbl td.us{background:#E6F9EF;color:#0E1512}
.tbl td.y,.tbl td.n{padding-left:46px;position:relative}
.tbl td.y::before,.tbl td.n::before{content:"";position:absolute;left:20px;top:21px;width:16px;height:16px}
.tbl td.y::before{background:#5AE4AA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5' fill='none' stroke='%230E1512' stroke-width='1.8'/%3E%3C/svg%3E")}
.tbl td.n::before{border:1px solid #9AA59F;background:linear-gradient(#56615C,#56615C) center/6px 1.6px no-repeat}
.fine{margin-top:16px;font-size:13px;color:#56615C}
/* hire */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.plan{background:#FFF;border:1px solid #C2CCC7;padding:32px;display:flex;flex-direction:column;gap:18px}
.plan.dark{border-color:#0E1512}
.plan>p{color:#3A4440;font-size:15px}
.plan.dark>p{color:#C2CCC7}
.price{font-size:40px!important;font-weight:600;letter-spacing:-.04em;line-height:1.1;color:inherit!important}
.price span{font-size:15px;font-weight:400;letter-spacing:0;color:#56615C}
.plan.dark .price span{color:#C2CCC7}
.plan ul{margin:0;padding:18px 0 0;border-top:1px solid #C2CCC7;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px}
.plan.dark ul{border-color:#2A3631}
.plan .btn{margin-top:auto}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#C2CCC7}
.facts li{border-top:1px solid #2A3631;padding-top:12px}
/* faq */
.faq{border-top:2px solid #0E1512;gap:0}
.faq details{border-bottom:1px solid #C2CCC7}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;min-height:44px;font-size:18px;font-weight:600;letter-spacing:-.02em;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.plus{flex:none;font-size:26px;font-weight:300;color:#0B7350;transition:transform .25s}
.faq details[open] .plus{transform:rotate(45deg)}
.faq details p{margin:0 0 22px;max-width:760px;color:#3A4440}
/* quote */
.contact{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:1px solid #2A3631;font-size:16px}
.contact a{color:#F4F6F3;text-decoration:none;padding:6px 0}
.contact a.mint-t{color:#5AE4AA}
.qf{gap:16px}
.qf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.qf-field{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#C2CCC7}
.qf-field.full{grid-column:1/-1}
.qf-req{color:#5AE4AA}
.qf input,.qf select,.qf textarea{font:inherit;color:#F4F6F3;background:#121A17;border:1px solid #2A3631;border-radius:0;padding:12px 14px;min-height:48px;width:100%}
.qf textarea{min-height:110px;resize:vertical}
.qf select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#5AE4AA 50%),linear-gradient(135deg,#5AE4AA 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
.qf input[type="date"]{color-scheme:dark}
.qf [aria-invalid="true"]{border-color:#E5484D}
.qf-help{font-size:13px;color:#9AA59F}
.qf-msg{font-size:13px;color:#FF8A8E}
.qf-msg:empty{display:none}
.qf-note{color:#9AA59F}
.qf-error{padding:12px 14px;border:1px solid #E5484D;color:#FFB4B6;font-size:14px}
.qf-submit{font:inherit;font-weight:600;cursor:pointer;border:0;background:#5AE4AA;color:#0E1512;padding:16px 22px;min-height:52px;display:flex;justify-content:space-between;align-items:center}
.qf-submit[disabled]{opacity:.55;cursor:progress}
.qf-done{border:1px solid #5AE4AA;padding:32px;font-size:18px;line-height:28px;gap:12px}
[hidden]{display:none!important}
/* footer */
.foot{border-top:1px solid #2A3631;color:#C2CCC7;font-size:14px;line-height:22px}
.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:40px;padding-bottom:40px}
.foot-in .lockup{margin-bottom:12px}
.foot-links{display:flex;flex-wrap:wrap;gap:4px 24px;align-items:flex-end}
.foot-links a,.foot-links span{color:#C2CCC7;padding:10px 0}
/* motion: logo */
.logo{display:block;overflow:visible}
.nx{transform-box:view-box;transform-origin:0 0}.nx-i{animation:nxI 2.4s cubic-bezier(.75,0,.2,1) 0.4s both}@keyframes nxI{0%,35%{transform:translate(4px,4px) rotate(0deg) scale(1);}100%{transform:translate(29.16px,24px) rotate(135deg) scale(0.9124);}}.nx-k{animation:nxK 2.4s cubic-bezier(.75,0,.2,1) 0.4s both}@keyframes nxK{0%,35%{transform:translate(44px,44px) rotate(0deg) scale(1);stroke-width:2;}100%{transform:translate(18.84px,24px) rotate(135deg) scale(0.9124);stroke-width:6.14;}}.nx-m{animation:nxM 2.4s cubic-bezier(.75,0,.2,1) 0.4s both}@keyframes nxM{0%,35%{transform:translate(44px,44px) rotate(0deg) scale(1);}100%{transform:translate(18.84px,24px) rotate(135deg) scale(0.9124);}}
.bx{transform-box:view-box;transform-origin:0 0}.bx-i{animation:bxI 7s cubic-bezier(.75,0,.2,1) infinite}@keyframes bxI{0%,22%{transform:translate(4px,4px) rotate(0deg) scale(1);}44%,78%{transform:translate(29.16px,24px) rotate(135deg) scale(0.9124);}100%{transform:translate(4px,4px) rotate(0deg) scale(1);}}.bx-k{animation:bxK 7s cubic-bezier(.75,0,.2,1) infinite}@keyframes bxK{0%,22%{transform:translate(44px,44px) rotate(0deg) scale(1);stroke-width:2;}44%,78%{transform:translate(18.84px,24px) rotate(135deg) scale(0.9124);stroke-width:6.14;}100%{transform:translate(44px,44px) rotate(0deg) scale(1);stroke-width:2;}}.bx-m{animation:bxM 7s cubic-bezier(.75,0,.2,1) infinite}@keyframes bxM{0%,22%{transform:translate(44px,44px) rotate(0deg) scale(1);}44%,78%{transform:translate(18.84px,24px) rotate(135deg) scale(0.9124);}100%{transform:translate(44px,44px) rotate(0deg) scale(1);}}
/* motion: hero incident, 12 s loop (flashing keyframes added by scenes.js) */
.h-walker{animation:hWalk 12s linear infinite}
@keyframes hWalk{0%{offset-distance:0%;opacity:0}3%{opacity:1}30%{offset-distance:100%}58%{offset-distance:100%;opacity:1}72%{offset-distance:0%;opacity:1}75%,100%{offset-distance:0%;opacity:0}}
.h-led1{animation:hLed 12s linear infinite}
@keyframes hLed{0%,23.9%{fill:#5AE4AA}24%,80%{fill:#E5484D}82%,100%{fill:#5AE4AA}}
.h-cone{animation:hCone 12s linear infinite}
@keyframes hCone{0%,23.9%{fill:#5AE4AA;stroke:#5AE4AA;fill-opacity:.1}24%,80%{fill:#E5484D;stroke:#E5484D;fill-opacity:.24}82%,100%{fill:#5AE4AA;stroke:#5AE4AA;fill-opacity:.1}}
.h-target{animation:hTarget 12s linear infinite}
@keyframes hTarget{0%,23.9%{opacity:0}24%,58%{opacity:1}60%,100%{opacity:0}}
.h-sig1{animation:hSig1 12s linear infinite}
@keyframes hSig1{0%,24.5%{offset-distance:0%;opacity:0}25%{opacity:1}33%{offset-distance:100%;opacity:1}34%,100%{offset-distance:100%;opacity:0}}
.h-sig2{animation:hSig2 12s linear infinite}
@keyframes hSig2{0%,33.5%{offset-distance:0%;opacity:0}34%{opacity:1}42%{offset-distance:100%;opacity:1}43%,100%{offset-distance:100%;opacity:0}}
.h-strobe{animation:hStrobe 12s linear infinite}
.h-snd{animation:hSnd 12s linear infinite}
.h-flood{animation:hFlood 12s linear infinite}
.h-hubwave{transform-box:fill-box;transform-origin:center;animation:hWave 3s ease-out infinite}
@keyframes hWave{0%{transform:scale(.3);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.h-led2{animation:hBlink 2.4s ease-in-out infinite}
@keyframes hBlink{0%,100%{opacity:.35}50%{opacity:1}}
.h-armed{animation:hArmed 12s linear infinite}
@keyframes hArmed{0%,23%{opacity:1}24%,84%{opacity:0}86%,100%{opacity:1}}
.h-card{animation:hCard 12s linear infinite}
@keyframes hCard{0%,37.99%{opacity:0;transform:translateY(6px)}39.2%,86%{opacity:1;transform:none}87.2%,100%{opacity:0}}
.h-ver{animation:hVer 12s linear infinite}
@keyframes hVer{0%,45.99%{opacity:0}46.8%,86%{opacity:1}86.8%,100%{opacity:0}}
.h-f1{animation:hF1 12s linear infinite}@keyframes hF1{0%,23.99%{opacity:0}24.6%,90%{opacity:1}90.6%,100%{opacity:0}}
.h-f2{animation:hF2 12s linear infinite}@keyframes hF2{0%,30.99%{opacity:0}31.6%,90%{opacity:1}90.6%,100%{opacity:0}}
.h-f3{animation:hF3 12s linear infinite}@keyframes hF3{0%,34.99%{opacity:0}35.6%,90%{opacity:1}90.6%,100%{opacity:0}}
.h-f4{animation:hF4 12s linear infinite}@keyframes hF4{0%,45.99%{opacity:0}46.6%,90%{opacity:1}90.6%,100%{opacity:0}}
.h-f5{animation:hF5 12s linear infinite}@keyframes hF5{0%,53.99%{opacity:0}54.6%,90%{opacity:1}90.6%,100%{opacity:0}}
.h-f6{animation:hF6 12s linear infinite}@keyframes hF6{0%,79.99%{opacity:0}80.6%,90%{opacity:1}90.6%,100%{opacity:0}}
/* motion: how-it-works icons, stage devices */
.w-drop{animation:wDrop 3.2s cubic-bezier(.6,0,.3,1) infinite}
@keyframes wDrop{0%{transform:translateY(-22px);opacity:0}25%{opacity:1}45%,85%{transform:none;opacity:1}100%{opacity:0}}
.w-wave{transform-box:fill-box;transform-origin:left center;animation:wWave 2s ease-out infinite}
.w2{animation-delay:.5s}.w3{animation-delay:1s}
@keyframes wWave{0%{opacity:0;transform:scale(.6)}30%{opacity:1}100%{opacity:0;transform:scale(1.15)}}
.w-snap{transform-box:fill-box;transform-origin:center;animation:wSnap 2.8s cubic-bezier(.7,0,.2,1) infinite}
@keyframes wSnap{0%,20%{transform:scale(1.5);opacity:0}45%,85%{transform:none;opacity:1}100%{opacity:0}}
.w-ring{animation:wRing 1.4s steps(2) infinite}
@keyframes wRing{0%{opacity:1}100%{opacity:.15}}
.s-pulse{transform-box:fill-box;transform-origin:center;animation:sPulse 2.6s ease-out infinite}
@keyframes sPulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.6);opacity:0}}
@media (max-width:640px){
  .sec{padding:64px 0}
  .hero .wrap{padding-top:48px}
  .tablist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tab:nth-child(2){border-right:0}
  .tab:nth-child(-n+2){border-bottom:1px solid #0E1512}
  .card{width:210px}
  .endorse{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .nx-i{transform:translate(29.16px,24px) rotate(135deg) scale(0.9124)}.nx-k{transform:translate(18.84px,24px) rotate(135deg) scale(0.9124);stroke-width:6.14}.nx-m{transform:translate(18.84px,24px) rotate(135deg) scale(0.9124)}.bx-i{transform:translate(29.16px,24px) rotate(135deg) scale(0.9124)}.bx-k{transform:translate(18.84px,24px) rotate(135deg) scale(0.9124);stroke-width:6.14}.bx-m{transform:translate(18.84px,24px) rotate(135deg) scale(0.9124)}
  .h-walker{offset-distance:100%}
  .feed li{opacity:1}
}