/* ===== Dead Angle takeover ===== */
html.da-lock,html.da-lock body{overflow:hidden}
nav a.da-nav{color:#e9e9ef}
nav a.da-nav::before{content:'\2220';margin-right:6px;color:#ffffff;font-size:14px;line-height:1}

#da{--r1:#ffffff;--bone:#ecebe6;--mut:#8d8d96;--line:rgba(255,255,255,.1);
 position:fixed;inset:0;z-index:200;background:#000;color:var(--bone);opacity:0;visibility:hidden;
 transition:opacity .9s ease,visibility 0s linear .9s;font-family:'Manrope',system-ui,sans-serif;overflow:hidden}
#da.open{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
#da::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;
 background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
#da::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;
 background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.85) 100%)}
#da button{font-family:inherit;cursor:pointer}

/* intro */
.da-intro{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:24px;text-align:center;transition:opacity 1s ease}
.da-intro.out{opacity:0;pointer-events:none}
.da-emb{width:min(44vw,210px);height:auto;opacity:0;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}
#da.open.go .da-intro .da-emb{animation:daFade 4.2s ease-out .6s forwards,daFlick 5s steps(1) 4.8s infinite}
@keyframes daFade{0%{opacity:0;filter:blur(8px) drop-shadow(0 0 0 rgba(255,255,255,0))}100%{opacity:1;filter:blur(0) drop-shadow(0 0 26px rgba(255,255,255,.45))}}
@keyframes daFlick{0%,92%,100%{opacity:1}93%{opacity:.35}94%{opacity:1}96%{opacity:.6}97%{opacity:1}}
.da-type{min-height:2.6em;font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:clamp(15px,3.6vw,26px);letter-spacing:.22em;text-transform:uppercase;color:var(--bone);text-shadow:0 0 14px rgba(255,255,255,.35)}
.da-type .cur{display:inline-block;width:.6em;height:1.05em;margin-left:.15em;vertical-align:-.15em;background:var(--r1);animation:daCur 1s steps(1) infinite}
@keyframes daCur{50%{opacity:0}}
.da-type.gl{animation:daGl .22s steps(2) 1}
@keyframes daGl{0%{transform:translate(2px,0);text-shadow:-3px 0 #ffffff,3px 0 #8d8d96}50%{transform:translate(-3px,1px);text-shadow:3px 0 #ffffff,-3px 0 #8d8d96}100%{transform:none}}
.da-go{opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity 1.2s ease,transform 1.2s ease}
.da-go.show{opacity:1;transform:none;pointer-events:auto}
.da-read{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 30px;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.08);color:var(--bone);font-weight:700;font-size:15px;letter-spacing:.18em;text-transform:lowercase;transition:background .3s,box-shadow .3s,transform .3s}
.da-read:hover{background:rgba(255,255,255,.22);box-shadow:0 0 34px rgba(255,255,255,.35);transform:translateY(-2px)}
.da-skip{position:absolute;left:0;right:0;bottom:26px;text-align:center;z-index:6}
.da-skip button{background:none;border:0;color:#666670;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:10px 14px}
.da-skip button:hover{color:var(--bone)}

/* page */
.da-page{position:absolute;inset:0;z-index:3;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;transition:opacity 1.4s ease,visibility 0s linear 1.4s;scroll-behavior:smooth;overscroll-behavior:contain}
.da-page.on{opacity:1;visibility:visible;transition:opacity 1.4s ease,visibility 0s}
.da-page::-webkit-scrollbar{width:8px}.da-page::-webkit-scrollbar-thumb{background:#2a2a30;border-radius:8px}
.da-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,4vw,40px);background:linear-gradient(#000 40%,transparent)}
.da-top .mk{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.28em;font-size:12px;text-transform:uppercase}
.da-top .mk img{width:26px;height:26px}
.da-exit{height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--bone);font-weight:700;font-size:13px;transition:border-color .3s,background .3s}
.da-exit:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.1)}
.da-wrap{max-width:980px;margin:0 auto;padding:0 clamp(18px,5vw,40px)}
.da-hero{min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding-bottom:40px}
.da-hero img{width:min(40vw,170px);filter:drop-shadow(0 0 26px rgba(255,255,255,.4))}
.da-hero h1{font-size:clamp(40px,10vw,104px);font-weight:800;letter-spacing:.12em;line-height:1;text-indent:.12em}
.da-hero p{color:var(--mut);font-size:clamp(14px,2.4vw,18px);letter-spacing:.06em;max-width:34ch}
.da-hero .scr{margin-top:18px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#55555e}
.da-hero .scr i{display:block;width:1px;height:38px;margin:10px auto 0;background:linear-gradient(var(--r1),transparent);animation:daDrop 2s ease-in-out infinite}
@keyframes daDrop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.da-sec{padding:70px 0 10px}
.da-k{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.2em;color:var(--r1);margin-bottom:12px}
.da-sec h2{font-size:clamp(28px,5vw,44px);font-weight:800;letter-spacing:-.02em;margin-bottom:26px}
.da-story p{font-size:clamp(16px,2.2vw,19px);line-height:1.75;color:#cfcfd6;margin-bottom:22px;max-width:68ch}
.da-story p:first-of-type::first-letter{font-size:3.1em;float:left;line-height:.9;padding:6px 10px 0 0;color:var(--r1);font-weight:800}
.da-rv{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}
.da-rv.in{opacity:1;transform:none}
.da-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px}
.da-areas div{padding:20px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);font-weight:700;font-size:15px;transition:border-color .4s,transform .4s}
.da-areas div:hover{border-color:rgba(255,255,255,.55);transform:translateY(-3px)}
.da-areas div span{display:block;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--r1);margin-bottom:10px;letter-spacing:.15em}
.da-phil{padding:90px 0 20px;text-align:center}
.da-phil p{font-size:clamp(26px,6.4vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:#3a3a42;transition:color 1s ease}
.da-phil p.in{color:var(--bone)}
.da-phil p:last-child.in{color:var(--r1);text-shadow:0 0 30px rgba(255,255,255,.35)}

/* audio player */
.da-player{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(70% 140% at 0% 0%,rgba(255,255,255,.14),transparent 70%),rgba(255,255,255,.025)}
.da-play{flex:none;width:68px;height:68px;border-radius:50%;border:0;background:var(--bone);color:#000;display:grid;place-items:center;transition:transform .3s,box-shadow .3s}
.da-play:hover{transform:scale(1.07);box-shadow:0 0 30px rgba(255,255,255,.4)}
.da-play svg{width:26px;height:26px;fill:currentColor}
.da-play .pa{display:none}.da-player.playing .da-play .pl{display:none}.da-player.playing .da-play .pa{display:block}
.da-pm{flex:1;min-width:220px}
.da-pm b{display:block;font-size:18px;letter-spacing:-.01em}
.da-pm small{display:block;color:var(--mut);font-size:13px;margin:3px 0 12px}
.da-viz{display:flex;align-items:center;gap:3px;height:34px;margin-bottom:10px}
.da-viz i{flex:1;max-width:6px;min-height:3px;height:6px;border-radius:3px;background:#3a3a42;transition:background .4s}
.da-player.playing .da-viz i{background:var(--r1);animation:daBar var(--d,.9s) ease-in-out infinite alternate}
@keyframes daBar{from{height:4px}to{height:var(--h,26px)}}
.da-seek{display:flex;align-items:center;gap:12px;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--mut)}
.da-seek input{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--r1) var(--p,0%),#2c2c33 var(--p,0%));outline:none;cursor:pointer}
.da-seek input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--bone)}
.da-seek input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--bone)}

/* hire */
.da-hire{margin-top:30px;text-align:center}
.da-hirebtn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:14px 34px;border-radius:999px;border:1px solid var(--r1);background:var(--r1);color:#000;font-weight:800;font-size:clamp(14px,2.4vw,17px);transition:transform .3s,box-shadow .3s}
.da-hirebtn:hover{transform:translateY(-3px);box-shadow:0 10px 40px rgba(255,255,255,.45)}
.da-hirebtn svg{width:18px;height:18px;transition:transform .4s}
.da-hirebtn[aria-expanded=true] svg{transform:rotate(180deg)}
.da-hp{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease}
.da-hp.open{grid-template-rows:1fr}
.da-hp>div{overflow:hidden}
.da-hp .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding-top:18px}
.da-hp a{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--bone);text-decoration:none;font-weight:700;font-size:14px;transition:border-color .3s,background .3s}
.da-hp a:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.12)}
.da-hp a.dis{background:#5865f2;border-color:#5865f2}
.da-hp a.dis:hover{background:#6f7bff}
.da-hp a svg{width:18px;height:18px;fill:currentColor}

/* team */
.da-team{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.da-m{position:relative;display:block;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025);overflow:hidden;transition:border-color .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.da-m:hover{border-color:rgba(255,255,255,.6);transform:translateY(-5px)}
.da-m .im{aspect-ratio:1/1;overflow:hidden;background:#0a0a0c}
.da-m img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55) contrast(1.05);transition:filter .5s,transform .8s cubic-bezier(.2,.7,.2,1)}
.da-m:hover img{filter:none;transform:scale(1.05)}
.da-m img.top{object-position:50% 12%}
.da-m .tx{padding:14px 16px 16px}
.da-m h3{font-size:clamp(15px,2.6vw,19px);font-weight:800;letter-spacing:-.01em}
.da-m p{margin-top:3px;font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.da-m.hc p{color:var(--r1)}
.da-foot{padding:70px 0 60px;text-align:center;color:#55555e;font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.da-foot b{display:block;margin-bottom:6px;color:var(--bone)}

@media(max-width:760px){.da-team{grid-template-columns:repeat(2,1fr);gap:12px}.da-player{padding:18px}.da-sec{padding-top:54px}}
@media(max-width:400px){.da-top .mk span{display:none}}
@media(prefers-reduced-motion:reduce){#da,.da-page,.da-intro,.da-go{transition-duration:.01ms!important}.da-rv{opacity:1;transform:none}.da-phil p{color:var(--bone)}.da-emb{opacity:1!important;animation:none!important}.da-page{scroll-behavior:auto}}
#da :focus-visible{outline:2px solid #ffffff;outline-offset:3px}
#da .da-page:focus{outline:none}

/* v2 */
.da-emb{width:min(60vw,300px)}
.da-hero img{width:min(62vw,300px)}
.da-top .mk img{width:30px;height:30px;object-fit:contain}
.da-fx{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
.da-go{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.da-bk{display:inline-flex;align-items:center;height:52px;padding:0 28px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);font-weight:700;font-size:15px;letter-spacing:.12em;transition:color .3s,border-color .3s}
.da-bk:hover{color:var(--bone);border-color:rgba(255,255,255,.35)}
.da-read{text-transform:none;letter-spacing:.12em}
.da-sn{display:flex;gap:4px}
.da-sn button{height:34px;padding:0 13px;border:0;border-radius:999px;background:none;color:var(--mut);font-weight:700;font-size:13px;transition:color .25s,background .25s}
.da-sn button:hover{color:var(--bone);background:rgba(255,255,255,.07)}
@media(max-width:560px){.da-sn{display:none}}
.da-sec{scroll-margin-top:56px}
.da-tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.da-tl div{position:relative;padding:26px 18px 0 0}
.da-tl div::before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--r1);box-shadow:0 0 14px var(--r1)}
.da-tl span{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--r1);letter-spacing:.15em}
.da-tl b{display:block;margin:6px 0;font-size:18px}
.da-tl p{color:var(--mut);font-size:14px;line-height:1.55}
@media(max-width:700px){.da-tl{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--line)}.da-tl div{padding:0 0 28px 22px}.da-tl div::before{top:4px;left:-5px}}
.da-m{display:block;width:100%;padding:0;text-align:left;font:inherit;color:inherit}
.da-m em{display:block;margin-top:10px;font-style:normal;font-size:12px;font-weight:700;color:var(--r1);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}
.da-m:hover em,.da-m:focus-visible em{opacity:1;transform:none}
@media(pointer:coarse){.da-m em{opacity:1;transform:none}}
.da-who{position:absolute;inset:0;z-index:20;background:#000;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s;overscroll-behavior:contain}
.da-who.on{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s}
.da-whin{max-width:980px;margin:0 auto;padding:16px clamp(18px,5vw,40px) 60px}
.da-wh{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:clamp(24px,5vw,56px);margin-top:34px;align-items:start;animation:daUp .7s ease both}
@keyframes daUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.da-wp{border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 0 60px rgba(255,255,255,.12)}
.da-wp img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.da-wp img.top{object-position:50% 12%}
.da-wt h2{font-size:clamp(34px,6vw,58px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:8px}
.da-wt .rl{color:var(--r1);font-weight:700;letter-spacing:.06em;margin-bottom:22px}
.da-wt p{color:#cfcfd6;line-height:1.75;font-size:17px;margin-bottom:14px}
.da-wt h3{margin:28px 0 12px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.da-wt ul{list-style:none;display:grid;gap:8px}
.da-wt li{padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);font-weight:600}
.da-wt li::before{content:'\2220';color:var(--r1);margin-right:10px}
.da-ch{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.da-ch b{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);font-size:12px}
.da-wl{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.da-wl a{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--bone);text-decoration:none;font-weight:700;font-size:14px}
.da-wl a.dis{background:var(--r1);border-color:var(--r1);color:#000}
.da-wn{display:flex;justify-content:space-between;gap:12px;margin-top:50px;padding-top:22px;border-top:1px solid var(--line)}
.da-wn button{background:none;border:1px solid var(--line);border-radius:999px;height:44px;padding:0 20px;color:var(--bone);font-weight:700;font-size:14px;transition:border-color .3s}
.da-wn button:hover{border-color:rgba(255,255,255,.6)}
@media(max-width:760px){.da-wh{grid-template-columns:1fr}.da-wp{max-width:300px}}
@media(prefers-reduced-motion:reduce){.da-wh{animation:none}.da-who{transition-duration:.01ms!important}}

/* v3: breach + story extras */
html.da-shake header,html.da-shake main,html.da-shake footer{animation:daShake .6s steps(3) infinite}
@keyframes daShake{0%{transform:none;filter:none}25%{transform:translate(-7px,2px) skewX(2deg);filter:hue-rotate(80deg) contrast(1.3)}50%{transform:translate(6px,-3px);filter:saturate(2.5)}75%{transform:translate(-3px,3px) scaleY(1.015);filter:hue-rotate(-60deg)}100%{transform:none;filter:none}}
#da.cut{transition:none}
.da-hack{display:none;position:absolute;inset:0;z-index:4;background:#000;overflow:hidden;padding:clamp(18px,5vw,56px)}
.da-hack.on{display:block}
.da-hack .hx{position:absolute;inset:0;margin:0;padding:12px;font:11px/1.35 ui-monospace,Menlo,monospace;color:rgba(255,255,255,.16);white-space:pre;overflow:hidden}
.da-hack .hl{position:relative;margin:0;font:clamp(12px,2.6vw,18px)/1.75 ui-monospace,Menlo,monospace;color:#ffffff;text-shadow:0 0 8px rgba(255,255,255,.5);white-space:pre-wrap}
.da-hack .hb{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-weight:800;font-size:clamp(30px,9vw,104px);letter-spacing:.1em;color:#ffffff;text-shadow:0 0 40px rgba(255,255,255,.6);background:rgba(0,0,0,.85);padding:24px 0;opacity:0}
.da-hack .hb.show{opacity:1}.hb.gl{animation:daGl .22s steps(2) 1}
.da-hack::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(255,255,255,.5))}
.da-hack.alert::after{animation:daPulse 1.6s ease-in-out infinite}
@keyframes daPulse{50%{opacity:1}}
.da-chn{margin:38px 0 14px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--r1)}
.da-chn:first-child{margin-top:0}
.da-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}
.da-facts div{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.da-facts span{display:block;font:11px ui-monospace,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--r1);margin-bottom:8px}
.da-facts b{font-size:15px;line-height:1.4}
.da-areas p{margin-top:8px;font-weight:500;font-size:13px;line-height:1.5;color:var(--mut)}
.da-faq{display:grid;gap:10px}
.da-faq details{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);padding:0 20px;transition:border-color .3s}
.da-faq details[open]{border-color:rgba(255,255,255,.5)}
.da-faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700}
.da-faq summary::-webkit-details-marker{display:none}
.da-faq summary::after{content:'+';float:right;color:var(--r1);font-size:20px;line-height:1}
.da-faq details[open] summary::after{content:'\2212'}
.da-faq p{padding-bottom:18px;color:#cfcfd6;line-height:1.7}

/* closed overlay must never catch clicks */
#da:not(.open),#da:not(.open) *{pointer-events:none!important}

/* v4 */
#dafoot{position:relative;z-index:2;padding:150px 20px 120px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px}
#dafoot .dak{font:12px ui-monospace,Menlo,monospace;letter-spacing:.3em;color:#5b5b64;opacity:0;transition:opacity 2s ease 1s}
#dafoot img{width:min(58vw,260px);opacity:0;filter:blur(10px);transition:opacity 3s ease,filter 3s ease}
#dafoot .btn{flex:none;opacity:0;transform:translateY(8px);transition:opacity 1.6s ease 2.4s,transform 1.6s ease 2.4s,background .3s;border-color:rgba(255,255,255,.55)}
#dafoot.in .dak{opacity:1}
#dafoot.in img{opacity:.92;filter:drop-shadow(0 0 22px rgba(255,255,255,.35));animation:daFlick 6s steps(1) 3s infinite}
#dafoot.in .btn{opacity:1;transform:none}
html.da-shake #dafoot{animation:daShake .6s steps(3) infinite}
#dawarn{position:fixed;inset:0;z-index:199;display:grid;place-items:center;background:rgba(0,0,0,0);opacity:0;pointer-events:none;transition:background 1.6s ease,opacity .25s}
#dawarn.on{opacity:1;background:rgba(0,0,0,.92)}
#dawarn p{margin:0;padding:0 24px;min-height:1.4em;text-align:center;font:700 clamp(18px,4.6vw,40px)/1.4 ui-monospace,Menlo,monospace;letter-spacing:.06em;color:#ffffff;text-shadow:0 0 26px rgba(255,255,255,.7)}
#dawarn p.gl{animation:daGl .22s steps(2) 1}
.da-hack.red .hl{color:#e9e9ef;text-shadow:0 0 10px rgba(255,255,255,.6)}
.da-hack.tear .hl{animation:daTear .35s steps(2) infinite}
@keyframes daTear{0%{transform:translate(0)}50%{transform:translate(-3px,1px)}100%{transform:translate(2px,0)}}
.da-big{margin-bottom:22px;padding:34px 26px;border:1px solid var(--line);border-radius:26px;text-align:center;background:radial-gradient(70% 140% at 50% 0%,rgba(255,255,255,.16),transparent 70%),rgba(255,255,255,.025);position:relative}
.da-big .lv{position:absolute;top:16px;left:20px;font:700 11px ui-monospace,Menlo,monospace;letter-spacing:.2em;color:var(--r1)}
.da-big .lv::before{content:'';display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--r1);animation:daCur 1.4s steps(1) infinite}
.da-big b{white-space:nowrap;font-size:clamp(26px,7.4vw,96px);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 40px rgba(255,255,255,.35)}
.da-big .d{font-size:clamp(28px,7vw,60px);font-weight:800;color:var(--r1);vertical-align:top;line-height:1.4}
.da-big p{margin-top:12px;color:var(--mut);font-size:14px}
.da-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:10px}
.da-mini div{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);text-align:center}
.da-mini b{display:block;font-size:clamp(20px,4vw,28px);font-weight:800}
.da-mini span{font:11px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
@media(max-width:600px){.da-mini{grid-template-columns:repeat(2,1fr)}}
.da-bars{display:grid;gap:10px}
.da-br{display:grid;grid-template-columns:minmax(110px,190px) 1fr 96px;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.da-br .n b{display:block;font-size:15px}.da-br .n i{font:normal 11px ui-monospace,Menlo,monospace;letter-spacing:.12em;color:var(--mut)}
.da-br .tk{height:10px;border-radius:10px;background:#16161a;overflow:hidden}
.da-br u{display:block;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#3a3a42,var(--r1));transition:width 1.6s cubic-bezier(.2,.7,.2,1) .2s}
.da-br.in u{width:var(--w)}
.da-br .v{text-align:right;font-weight:800}.da-br .v small{display:block;font:11px ui-monospace,Menlo,monospace;color:var(--mut);font-weight:400}
@media(max-width:560px){.da-br{grid-template-columns:1fr 84px;gap:8px 12px}.da-br .tk{grid-column:1/-1;order:3}}
.da-etc{margin-top:18px;color:var(--mut);font-style:italic;text-align:center}

/* v6: black & white interference */
#danoise{position:fixed;inset:0;width:100%;height:100%;z-index:201;pointer-events:none;opacity:0;image-rendering:pixelated;mix-blend-mode:screen;transition:opacity .3s}
.datear{position:fixed;left:0;right:0;z-index:202;background:#fff;mix-blend-mode:difference;pointer-events:none}
.daflash{position:fixed;inset:0;z-index:203;background:#fff;pointer-events:none;animation:daFl .4s ease-out forwards}
@keyframes daFl{from{opacity:.9}to{opacity:0}}
@keyframes daShake{0%{transform:none;filter:grayscale(1)}25%{transform:translate(-7px,2px) skewX(2deg);filter:grayscale(1) contrast(1.6) brightness(1.3)}50%{transform:translate(6px,-3px);filter:grayscale(1) invert(.15)}75%{transform:translate(-3px,3px) scaleY(1.015);filter:grayscale(1) contrast(1.3)}100%{transform:none;filter:grayscale(1)}}
#dawarn p{color:#fff;text-shadow:0 0 22px rgba(255,255,255,.55)}
#dawarn p.gl{text-shadow:-4px 0 #fff,4px 0 #666}
.da-hack::before{content:'';position:absolute;left:0;right:0;top:0;height:22%;background:linear-gradient(transparent,rgba(255,255,255,.07),transparent);animation:daRoll 3.2s linear infinite;pointer-events:none;z-index:2}
@keyframes daRoll{from{transform:translateY(-120%)}to{transform:translateY(520%)}}
.da-hack .rt{position:absolute;left:50%;top:50%;width:min(80vmin,620px);aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:50%;pointer-events:none;animation:daRing 9s linear infinite}
.da-hack .rt::before,.da-hack .rt::after{content:'';position:absolute;background:rgba(255,255,255,.16)}
.da-hack .rt::before{left:50%;top:-12%;bottom:-12%;width:1px}.da-hack .rt::after{top:50%;left:-12%;right:-12%;height:1px}
@keyframes daRing{from{transform:translate(-50%,-50%) scale(.35);opacity:0}20%{opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
.da-hack .rec{position:absolute;top:18px;right:20px;z-index:3;font:12px ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#fff}

/* v7: modern pass (no terminal styling on the page itself) */
.da-k{font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
.da-k::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--r1);box-shadow:0 0 10px var(--r1)}
.da-areas div span,.da-tl span,.da-facts span,.da-mini span,.da-br .n i,.da-br .v small,.da-big .lv,.da-seek,.da-m p,#dafoot .dak{font-family:inherit}
#dafoot .dak{font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase}
.da-m p{font-weight:700}
.da-big .lv{font-weight:800}

/* progress + active nav */
.da-prog{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#3a3a42,var(--r1));transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px var(--r1)}
.da-top{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(rgba(0,0,0,.82),rgba(0,0,0,.5));border-bottom:1px solid rgba(255,255,255,.05)}
.da-sn button.on{color:var(--bone);background:rgba(255,255,255,.16)}

/* hero */
.da-hero{position:relative}
.da-hero::before{content:'';position:absolute;left:50%;top:42%;width:min(90vw,820px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent);pointer-events:none;z-index:-1;animation:daBreath 7s ease-in-out infinite}
@keyframes daBreath{50%{opacity:.55;transform:translate(-50%,-50%) scale(1.08)}}
.da-hero h1{background:linear-gradient(180deg,#fff,#a9a9b3);-webkit-background-clip:text;background-clip:text;color:transparent}
.da-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:560px}
.da-pills span{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:12px;font-weight:700;letter-spacing:.06em;color:#cfcfd6}

/* marquee */
.da-mq{overflow:hidden;margin:0 calc(-1 * clamp(18px,5vw,40px));border-block:1px solid var(--line);background:rgba(255,255,255,.02);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.da-mq div{display:flex;width:max-content;animation:daMq 40s linear infinite}
.da-mq span{padding:18px 30px;font-size:clamp(18px,3vw,26px);font-weight:800;letter-spacing:-.01em;color:#4a4a53;white-space:nowrap}
.da-mq span::after{content:'';display:inline-block;width:6px;height:6px;margin-left:60px;border-radius:50%;background:var(--r1);vertical-align:middle}
@keyframes daMq{to{transform:translateX(-25%)}}

/* spotlight cards */
.da-bento div,.da-facts div,.da-mini div,.da-m,.da-big,.da-br,.da-player{position:relative;isolation:isolate}
.da-bento div::before,.da-facts div::before,.da-mini div::before,.da-m::before,.da-big::before,.da-br::before,.da-player::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 65%)}
.da-bento div:hover::before,.da-facts div:hover::before,.da-mini div:hover::before,.da-m:hover::before,.da-big:hover::before,.da-br:hover::before,.da-player:hover::before{opacity:1}

/* bento divisions */
.da-bento{grid-template-columns:repeat(6,1fr)}
.da-bento div{grid-column:span 2;padding:24px 22px;border-radius:22px;font-size:17px;letter-spacing:-.01em}
.da-bento div:nth-child(1),.da-bento div:nth-child(2){grid-column:span 3}
.da-bento .ico{display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:var(--r1);font-style:normal}
.da-bento .ico svg{width:22px;height:22px}
.da-bento div span{position:absolute;top:22px;right:22px;margin:0;color:#4a4a53}
@media(max-width:700px){.da-bento{grid-template-columns:1fr 1fr}.da-bento div,.da-bento div:nth-child(1),.da-bento div:nth-child(2){grid-column:span 1}.da-bento div:last-child{grid-column:1/-1}}
@media(max-width:420px){.da-bento{grid-template-columns:1fr}}

/* stack chips */
.da-stack{display:flex;flex-wrap:wrap;gap:10px}
.da-stack b{padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.035);font-size:14px;font-weight:700;color:#d8d8de;transition:border-color .3s,background .3s,transform .3s}
.da-stack b:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.1);transform:translateY(-2px)}

/* nicer timeline, team, faq, section rhythm */
.da-tl{border-top:0;position:relative}
.da-tl::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,var(--r1),var(--line) 40%,transparent)}
.da-tl b{font-size:19px;letter-spacing:-.01em}
.da-m{border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}
.da-m .im::after{content:'';position:absolute;inset:0 0 auto 0;aspect-ratio:1;background:linear-gradient(transparent 55%,rgba(0,0,0,.55));pointer-events:none}
.da-m .im{position:relative}
.da-faq details{border-radius:18px;background:rgba(255,255,255,.03)}
.da-sec h2{background:linear-gradient(180deg,#fff,#b9b9c2);-webkit-background-clip:text;background-clip:text;color:transparent}
.da-sec+.da-sec{position:relative}
.da-wrap::before{content:'';position:fixed;left:50%;top:-20vh;width:120vmax;height:60vmax;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,255,255,.07),transparent);pointer-events:none;z-index:-1}
.da-hirebtn{box-shadow:0 8px 30px rgba(255,255,255,.28)}
@media(prefers-reduced-motion:reduce){.da-mq div,.da-hero::before{animation:none}}

.da-big b.tick{animation:daTick .7s ease-out}
@keyframes daTick{0%{text-shadow:0 0 70px rgba(255,255,255,.9)}100%{text-shadow:0 0 40px rgba(255,255,255,.35)}}

.da-hirebtn svg{stroke:#000}
.da-wl a.dis svg{fill:#000}
.da-tl.q4{grid-template-columns:repeat(4,1fr)}
.da-br .v small{white-space:nowrap}