/* DATARMA product pages on enaccs.com: warm black, brushed steel and amber (see 1 Brand). */
@font-face{font-family:Unbounded;font-weight:500;font-display:swap;src:url(fonts/unbounded-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Unbounded;font-weight:600;font-display:swap;src:url(fonts/unbounded-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Unbounded;font-weight:700;font-display:swap;src:url(fonts/unbounded-latin-700-normal.woff2) format("woff2")}
.d{
  --ink:#14110F; --ink2:#1C1916; --ink3:#24201C; --steel:#2A2E33; --edge:rgba(250,243,232,.12);
  --amber:#F5A524; --amber2:#FFC15A; --amber-ink:#9A5B07; --cream:#FAF3E8; --sand:#F2E8D8; --sand2:#E7DAC4;
  --txt:#14110F; --mut:#5F564D; --mut-d:#BDB3A6; --r:22px;
  background:var(--ink);color:var(--cream)
}
.d .wrap{max-width:1240px}
.d h1,.d h2,.d h3,.d .u{font-family:Unbounded,"Space Grotesk",sans-serif;letter-spacing:-.025em}
.d h2{font-size:clamp(30px,4.2vw,54px);line-height:1.08;font-weight:600}
.d h3{font-weight:600;font-size:21px;line-height:1.25}
.d .amber{color:var(--amber)}
.d .eyebrow{color:var(--amber);font:500 12.5px/1 "JetBrains Mono",monospace;letter-spacing:.16em}
.d .lead{color:var(--mut-d);font-size:19px;max-width:620px;line-height:1.6}
.d section{padding:120px 0;position:relative}
.d .light{background:var(--cream);color:var(--txt)}
.d .light .lead{color:var(--mut)}
.d .light .eyebrow{color:var(--amber-ink)}
.d .light .amber{color:var(--amber-ink)}
.d .btn{border-radius:999px}
.d .btn-amber{background:var(--amber);color:var(--ink);box-shadow:0 10px 30px -10px rgba(245,165,36,.7)}
.d .btn-amber:hover{background:var(--amber2)}
.d .btn-line{border-color:rgba(250,243,232,.3);color:var(--cream)}
.d .btn-line:hover{border-color:var(--amber)}
.d .light .btn-line{border-color:rgba(20,17,15,.25);color:var(--txt)}
.d .head{display:grid;gap:18px;max-width:820px;margin-bottom:60px}
.d .head.c{margin-left:auto;margin-right:auto;text-align:center;justify-items:center}
.d .steel-bg{background:radial-gradient(1100px 700px at 75% 20%,#3a3f46 0%,#25282d 42%,var(--ink) 100%)}
.d .brushed{position:absolute;inset:0;opacity:.16;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,rgba(0,0,0,.05) 1px 3px)}

/* ---------- reveal on scroll ---------- */
.js .d .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .d .rv.in{opacity:1;transform:none}
.js .d .rv.d1{transition-delay:.08s}.js .d .rv.d2{transition-delay:.16s}.js .d .rv.d3{transition-delay:.24s}

/* ---------- hero ---------- */
.d-hero{padding:96px 0 0;overflow:hidden;position:relative}
.d-hero .grid{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;position:relative;z-index:1}
.d-hero .tagrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.d-hero .pill{font:500 12px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--edge);border-radius:999px;padding:7px 12px;color:var(--mut-d);background:rgba(255,255,255,.03)}
.d-hero .pill b{color:var(--amber);font-weight:500}
.d-hero h1{font-size:clamp(54px,8.6vw,118px);line-height:.95;font-weight:700;margin:26px 0 22px;letter-spacing:-.04em}
.d-hero h1 .amber{background:linear-gradient(180deg,var(--amber2),var(--amber) 60%,#D98A0B);-webkit-background-clip:text;background-clip:text;color:transparent}
.d-hero .four{display:flex;flex-wrap:wrap;gap:6px 18px;font:600 clamp(15px,1.6vw,19px) Unbounded,sans-serif;color:var(--cream);margin-bottom:22px}
.d-hero .four span::after{content:"·";color:var(--amber);margin-left:18px}
.d-hero .four span:last-child::after{content:none}
.d-hero .four span b{color:var(--amber);font-weight:700}
.d-hero .ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.d-hero .play{width:26px;height:26px;border-radius:50%;background:var(--cream);display:grid;place-items:center}
.d-hero .play svg{width:10px;height:10px;margin-left:2px;fill:var(--ink)}
.d-hero .facts{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:40px;font:500 12.5px "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mut-d)}
.d-hero .facts span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--amber);margin-right:10px;vertical-align:1px}
/* the vault wheel */
.vault{position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:center}
.vault::before{content:"";position:absolute;inset:-12%;background:radial-gradient(closest-side,rgba(245,165,36,.28),rgba(245,165,36,.06) 55%,transparent 72%);animation:breathe 5s ease-in-out infinite}
.vault .orbit{position:absolute;inset:-4%;border:1px dashed rgba(250,243,232,.14);border-radius:50%;animation:spin 60s linear infinite}
.vault .orbit.o2{inset:8%;border-style:solid;border-color:rgba(250,243,232,.06);animation-duration:90s;animation-direction:reverse}
.vault .wheel{position:relative;width:100%;height:100%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.55));animation:dial 2.8s cubic-bezier(.2,.8,.2,1) both}
.vault .seg{opacity:.16;animation:seg .35s ease forwards;animation-delay:calc(.9s + var(--i) * .13s)}
.vault .seg:first-of-type{opacity:1;animation:none}
.vault .core{animation:core 2.4s ease-in-out 2.6s infinite}
.vault .chip{position:absolute;background:rgba(28,25,22,.86);border:1px solid var(--edge);border-radius:14px;padding:11px 15px;font:500 12px/1.4 "JetBrains Mono",monospace;color:var(--cream);box-shadow:0 20px 44px rgba(0,0,0,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap}
.vault .chip b{display:block;color:var(--amber);font-weight:500;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.vault .k1{top:8%;left:-6%}.vault .k2{top:46%;right:-8%}.vault .k3{bottom:6%;left:2%}
.js .vault .chip{opacity:0;transform:translateY(10px);animation:pop .6s cubic-bezier(.2,.8,.2,1) forwards}
.js .vault .k1{animation-delay:2.7s}.js .vault .k2{animation-delay:3.1s}.js .vault .k3{animation-delay:3.5s}
@keyframes dial{from{transform:rotate(-120deg) scale(.82);opacity:0}to{transform:none;opacity:1}}
@keyframes seg{to{opacity:1}}
@keyframes core{0%,100%{fill:#F5A524}50%{fill:#FFC15A}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@keyframes pop{to{opacity:1;transform:none}}
/* app window rising out of the hero */
.d-hero .stage{margin-top:80px;position:relative;z-index:1;perspective:1600px}
.win{border-radius:16px;overflow:hidden;background:#0d0c0b;border:1px solid rgba(250,243,232,.14);box-shadow:0 60px 120px -30px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.4)}
.win .bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;background:linear-gradient(180deg,#2b2724,#201d1a);border-bottom:1px solid rgba(0,0,0,.5)}
.win .bar i{width:11px;height:11px;border-radius:50%;background:#4a433d}
.win .bar i:nth-child(1){background:#E0614F}.win .bar i:nth-child(2){background:#E6B33F}.win .bar i:nth-child(3){background:#5DBB63}
.win .bar span{margin-left:12px;font:500 12px "JetBrains Mono",monospace;color:#8f857a}
.win img{width:100%;height:auto;aspect-ratio:1600/1000;object-fit:cover;background:#1a1816}
.d-hero .win{transform:rotateX(14deg) translateY(30px);transform-origin:50% 0;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.d-hero .win.flat{transform:none}
.d-hero .stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,transparent,var(--ink));pointer-events:none}

/* ---------- film ---------- */
.film{padding-top:40px!important}
.film .frame{position:relative;border-radius:26px;overflow:hidden;background:#000;border:1px solid var(--edge);box-shadow:0 50px 120px -40px rgba(0,0,0,.9);aspect-ratio:16/9}
.film video{width:100%;height:100%;display:block;object-fit:cover}
.film .cover{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;background:radial-gradient(closest-side,rgba(0,0,0,.05),rgba(0,0,0,.45));border:0;padding:0;color:inherit;width:100%}
.film .cover .btnp{width:96px;height:96px;border-radius:50%;background:var(--amber);display:grid;place-items:center;box-shadow:0 0 0 14px rgba(245,165,36,.18),0 20px 50px rgba(0,0,0,.5);transition:transform .2s}
.film .cover:hover .btnp{transform:scale(1.06)}
.film .cover svg{width:30px;height:30px;fill:var(--ink);margin-left:6px}
.film .cover .len{position:absolute;bottom:22px;left:26px;font:500 13px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);background:rgba(20,17,15,.7);padding:8px 12px;border-radius:8px}
.film.playing .cover{display:none}
.film .note{margin-top:18px;color:var(--mut-d);font-size:14px;text-align:center}

/* ---------- BOSS tabs ---------- */
.boss .tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:34px}
.boss .tab{all:unset;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--sand2);position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.boss .tab:hover{transform:translateY(-2px)}
.boss .tab:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.boss .tab .L{grid-row:span 2;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font:700 28px Unbounded,sans-serif;background:var(--sand);color:var(--txt);transition:background .25s,color .25s,box-shadow .25s}
.boss .tab .w{font:600 18px Unbounded,sans-serif}
.boss .tab small{color:var(--mut);font-size:13.5px}
.boss .tab[aria-selected="true"]{border-color:var(--amber);box-shadow:0 20px 40px -24px rgba(154,91,7,.55)}
.boss .tab[aria-selected="true"] .L{background:var(--amber);color:var(--ink);box-shadow:0 0 24px rgba(245,165,36,.45)}
.boss .tab .bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--amber)}
.boss .tab[aria-selected="true"] .bar{animation:fill var(--dur,8s) linear forwards}
.boss.paused .tab .bar{animation:none;width:0}
@keyframes fill{to{width:100%}}
.boss .panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.boss .panel[hidden]{display:none}
.boss .panel h3{font-size:clamp(26px,2.8vw,36px);line-height:1.12;letter-spacing:-.025em}
.boss .panel .lead{margin-top:16px;font-size:17.5px}
.boss .pts{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:16px}
.boss .pts li{display:grid;grid-template-columns:30px 1fr;gap:12px;font-size:15.5px;color:#3d362f}
.boss .pts li::before{content:"";width:26px;height:26px;border-radius:8px;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23F5A524' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.boss .pts b{color:var(--txt)}
.boss .shots{position:relative}
.boss .shots .win{transition:opacity .5s,transform .5s}
.boss .shots .mini{position:absolute;width:46%;right:-4%;bottom:-12%;box-shadow:0 40px 80px -20px rgba(0,0,0,.55)}
.boss .panel.enter .win{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
.boss .panel.enter .mini{animation-delay:.12s}
@keyframes rise{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}

/* ---------- key ---------- */
.key .flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;position:relative}
.key .flow::before{content:"";position:absolute;top:58px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--amber),rgba(245,165,36,.15),var(--amber));opacity:.6}
.key .node{position:relative;background:linear-gradient(180deg,var(--ink3),var(--ink2));border:1px solid var(--edge);border-radius:var(--r);padding:30px}
.key .node .ic{width:64px;height:64px;border-radius:18px;background:var(--ink);border:1px solid rgba(245,165,36,.45);display:grid;place-items:center;margin-bottom:22px;box-shadow:0 0 30px rgba(245,165,36,.15);position:relative;z-index:1}
.key .node .ic svg{width:30px;height:30px;stroke:var(--amber);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.key .node .n{position:absolute;top:26px;right:28px;font:500 12px "JetBrains Mono",monospace;color:var(--mut-d);letter-spacing:.12em}
.key .node p{color:var(--mut-d);margin-top:10px;font-size:15.5px}
.key .node code{font:500 12.5px "JetBrains Mono",monospace;color:var(--amber);background:rgba(245,165,36,.1);border-radius:6px;padding:2px 7px}
.key .bytes{margin-top:18px;font:500 12px/1.5 "JetBrains Mono",monospace;color:#7d7268;word-break:break-all;height:54px;overflow:hidden;mask-image:linear-gradient(180deg,#000 40%,transparent)}
.key .quote{margin-top:56px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;border-top:1px solid var(--edge);padding-top:44px}
.key .quote img{width:84px;height:84px}
.key .quote p{font:600 clamp(20px,2.3vw,30px)/1.3 Unbounded,sans-serif;letter-spacing:-.02em;max-width:900px}
.key .quote p span{color:var(--amber)}

/* ---------- comeback ---------- */
.back .rows{display:grid;gap:110px}
.back .row2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.back .row2.flip>:first-child{order:2}
.back .row2 h3{font-size:clamp(26px,2.8vw,38px);line-height:1.12;letter-spacing:-.025em}
.back .row2 .lead{margin-top:16px;font-size:17.5px}
.back .steps3{counter-reset:s;list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}
.back .steps3 li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;font-size:15.5px;color:#3d362f}
.back .steps3 li::before{content:counter(s);width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--amber);display:grid;place-items:center;font:700 14px Unbounded,sans-serif}

/* ---------- everywhere ---------- */
.every .devs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.every .dev{border:1px solid var(--edge);border-radius:20px;padding:26px 20px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);text-align:center}
.every .dev svg{width:40px;height:40px;margin:0 auto 16px;stroke:var(--cream);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.every .dev h3{font-size:17px}
.every .dev span{display:inline-block;margin-top:10px;font:500 11px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:6px;background:rgba(250,243,232,.07);color:var(--mut-d)}
.every .dev span.now{background:var(--amber);color:var(--ink)}
.every .phones{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.every .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.every .tile{border:1px solid var(--edge);border-radius:18px;padding:22px;background:var(--ink2)}
.every .tile b{display:block;font:600 16px Unbounded,sans-serif;margin-bottom:6px}
.every .tile p{color:var(--mut-d);font-size:14.5px}
.every .pair{position:relative;height:420px}
.every .pair .win{position:absolute;width:74%}
.every .pair .win:first-child{left:0;top:0}
.every .pair .win:last-child{right:0;bottom:0}

/* ---------- pricing ---------- */
.price .card2{max-width:880px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;border-radius:30px;overflow:hidden;background:#fff;border:1px solid var(--sand2);box-shadow:0 50px 100px -50px rgba(20,17,15,.45)}
.price .l{padding:46px}
.price .r{padding:46px;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;justify-content:space-between;gap:24px;position:relative;overflow:hidden}
.price .r::before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;background:url(img/symbol.svg) center/contain no-repeat;opacity:.12}
.price .amt{font:700 82px/1 Unbounded,sans-serif;letter-spacing:-.04em}
.price .amt small{font-size:22px;color:var(--mut-d);font-weight:500;letter-spacing:0}
.price ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.price li{display:grid;grid-template-columns:26px 1fr;gap:10px;font-size:15.5px;color:#3d362f}
.price li::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--amber) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%2314110F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;margin-top:1px}
.price .extra{margin-top:24px;padding-top:20px;border-top:1px solid var(--sand2);color:var(--mut);font-size:14.5px}
.price .r p{color:var(--mut-d);font-size:15px;position:relative}
.price .stores{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.price .stores span{border:1px solid var(--edge);border-radius:10px;padding:8px 12px;font-size:13px;color:var(--cream)}

/* ---------- FAQ ---------- */
.d .faq{margin:0 auto}
.d .faq details{background:#fff;border-color:var(--sand2)}
.d .faq summary{font:600 17px/1.35 Unbounded,sans-serif;letter-spacing:-.01em}
.d .faq summary::after{color:var(--amber-ink)}
.d .faq details p{color:var(--mut)}

/* ---------- closing ---------- */
.close{text-align:center;overflow:hidden}
.close .big{font:700 clamp(48px,9vw,128px)/.95 Unbounded,sans-serif;letter-spacing:-.045em}
.close img.sym{width:120px;height:120px;margin:0 auto 34px}
.close .ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:40px}
.close .tm{margin-top:56px;font-size:13px;color:#8d8378}
.close .tm a{color:var(--mut-d)}

/* ---------- DATARMA legal pages ---------- */
.d-legal{background:var(--cream);color:var(--txt)}
.d-legal .page-hero h1{font-family:Unbounded,sans-serif;font-weight:600;letter-spacing:-.03em}
.d-legal .page-hero{background:radial-gradient(900px 420px at 85% 0%,rgba(245,165,36,.16),transparent 60%),linear-gradient(180deg,#14110F,#24201C)}
.d-legal .page-hero .eyebrow{color:var(--amber)}
.d-legal .prose h2{font-family:Unbounded,sans-serif;font-size:21px;font-weight:600;letter-spacing:-.015em}
.d-legal .prose .box{background:#fff;border:1px solid var(--sand2);border-left:4px solid var(--amber);border-radius:14px;padding:18px 22px;margin:0 0 22px}
.d-legal .prose .box p{margin:0}
.d-legal .prose table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:14.5px;background:#fff;border-radius:12px;overflow:hidden}
.d-legal .prose th{text-align:left;background:var(--sand);padding:10px 12px}
.d-legal .prose td{border-top:1px solid var(--sand2);padding:10px 12px;vertical-align:top;color:#33414F}
.d-legal .prose a{color:var(--amber-ink)}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .d-hero .grid{grid-template-columns:1fr;gap:56px}
  .vault{max-width:420px}
  .boss .panel,.back .row2,.every .phones{grid-template-columns:1fr;gap:40px}
  .back .row2.flip>:first-child{order:0}
  .boss .tabs{grid-template-columns:repeat(2,1fr)}
  .every .devs{grid-template-columns:repeat(3,1fr)}
  .key .flow{grid-template-columns:1fr}.key .flow::before{display:none}
  .price .card2{grid-template-columns:1fr}
}
@media (max-width:640px){
  .d section{padding:84px 0}
  .d-hero{padding-top:56px}
  .d-hero .ctas .btn{flex:1 1 100%;justify-content:center}
  .vault .chip{font-size:10.5px;padding:8px 10px}.vault .k1{left:0}.vault .k2{right:0}
  .boss .tab{grid-template-columns:1fr;justify-items:center;text-align:center;padding:14px 10px}
  .boss .tab .L{grid-row:auto;width:46px;height:46px;font-size:22px}
  .boss .tab small{display:none}
  .boss .shots .mini{display:none}
  .every .devs{grid-template-columns:repeat(2,1fr)}
  .every .grid2{grid-template-columns:1fr}
  .every .pair{height:300px}
  .price .l,.price .r{padding:32px}
  .price .amt{font-size:64px}
  .key .quote{grid-template-columns:1fr}
  .d-hero .stage{margin-top:56px}
}
@media (prefers-reduced-motion:reduce){
  .vault::before,.vault .orbit,.vault .wheel,.vault .seg,.vault .core{animation:none!important;opacity:1}
  .js .vault .chip{animation:none;opacity:1;transform:none}
  .js .d .rv{opacity:1;transform:none;transition:none}
  .d-hero .win{transform:none}
  .boss .tab .bar{display:none}
}