/* Arkiden Technologies — design system v12 "Radiant"
   Cinematic navy surfaces, luminous accents, glass and polished metal, layered depth.
   Each product carries its own accent: Workdesk magenta, Books teal, Tax amber. Gold is Arkiden. */




/* ---------- 1. tokens ---------- */
:root{
  color-scheme:dark;
  --bg:#02050C; --bg-2:#03060F; --bg-3:#070B18; --bg-deep:#010308; --ink:#03060F;
  --glass:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.022));
  --glass-line:rgba(255,255,255,.13); --glass-line-2:rgba(255,255,255,.22);
  --text:#C7D0DE; --head:#F4F7FB; --muted:#93A0B4; --faint:#6E7B90;
  --line:rgba(255,255,255,.085); --line-2:rgba(255,255,255,.17);
  --gold:#E2C27A; --gold-2:#C9A45C; --gold-deep:#8A6B2C;
  --wd:#FF2D9B; --bk:#1FC8B8; --tx:#FF8A2B; --sf:#2EE6C5; --gw:#57B6FF; --rr:#5B8CFF; --aa:#E2C27A;
  --ok:#5CD69A; --warn:#F5C36B; --err:#FF8A8A;
  --acc:var(--gold);
  --font:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --max:1400px; --gutter:clamp(20px,4vw,60px);
  --sp-xl:clamp(88px,11vw,168px); --sp-l:clamp(72px,8.4vw,128px); --sp-m:clamp(52px,5.6vw,84px); --sp-s:clamp(26px,3.6vw,44px); --sp-seq:clamp(64px,7vw,108px);
  --r:14px; --ease:cubic-bezier(.2,.7,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
}
.acc-wd{--acc:var(--wd)} .acc-bk{--acc:var(--bk)} .acc-tx{--acc:var(--tx)} .acc-sf{--acc:var(--sf)} .acc-gw{--acc:var(--gw)} .acc-rr{--acc:var(--rr)} .acc-aa,.acc-gold{--acc:var(--gold)}

/* ---------- 5. buttons and links ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 .96rem/1.2 var(--font);padding:15px 24px;border-radius:999px;border:1px solid var(--glass-line-2);background:var(--glass);color:var(--head);text-decoration:none;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .25s,background .25s,transform .25s var(--ease),box-shadow .25s}
.btn:hover{border-color:rgba(255,255,255,.4);transform:translateY(-1px)}
.btn .arr{transition:transform .25s var(--ease)}
.btn:hover .arr{transform:translateX(3px)}
.btn.gold{color:#1A0A12;border-color:transparent;background:linear-gradient(180deg,#F6DFA2 0%,#E2C27A 45%,#C49A47 100%);box-shadow:0 10px 30px -10px rgba(255,138,43,.7),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(0,0,0,.2)}
.btn.gold:hover{box-shadow:0 16px 40px -12px rgba(255,138,43,.85),inset 0 1px 0 rgba(255,255,255,.8)}
.btn.acc{color:#fff;border-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 85%,#fff 15%),var(--acc));box-shadow:0 10px 30px -10px color-mix(in srgb,var(--acc) 80%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}
.btn.ghost{background:rgba(255,255,255,.03)}
.btn[disabled]{opacity:.6;cursor:progress}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--head);text-decoration:none;border-bottom:1.5px solid var(--acc);padding-bottom:3px}
.more span{transition:transform .2s var(--ease)}
.more:hover span{transform:translateX(3px)}
.link{color:var(--head);font-weight:500;text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:4px;text-decoration-thickness:1.5px}
.link:hover{color:#fff}

/* ---------- 6. header ---------- */
.site-head{position:sticky;top:0;z-index:100;background:rgba(2,5,12,.7);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid var(--line)}
.bar{max-width:var(--max);margin-inline:auto;padding:0 var(--gutter);height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-brand{display:flex;text-decoration:none;flex-shrink:0}
.site-brand svg{height:30px;width:auto}
.site-nav{display:flex;align-items:center;gap:2px}
.site-nav a{position:relative;padding:10px 15px;color:var(--text);text-decoration:none;font-size:.96rem}
.site-nav a:not(.btn):hover,.site-nav a[aria-current="page"]{color:#fff}
.site-nav a:not(.btn)::after{content:"";position:absolute;left:15px;right:15px;bottom:4px;height:2px;border-radius:2px;background:var(--gold);box-shadow:0 0 10px var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.site-nav a:not(.btn):hover::after,.site-nav a[aria-current="page"]::after{transform:scaleX(1)}
.site-nav .btn{margin-left:14px;padding:11px 20px}
.site-nav a.btn.gold,.site-nav a.btn.gold[aria-current="page"]{color:#1A0A12}
.menu-btn{display:none;align-items:center;gap:8px;font:500 .95rem var(--font);color:#fff;background:rgba(255,255,255,.04);border:1px solid var(--line-2);padding:9px 14px;border-radius:999px;cursor:pointer}
.mnav{display:none}
@media (max-width:960px){
  .site-nav{display:none}.menu-btn{display:inline-flex}.site-brand svg{height:26px}
  .mnav{display:block;background:rgba(2,5,12,.97);border-top:1px solid var(--line);padding:8px var(--gutter) 28px}
  .mnav[hidden]{display:none}
  .mnav a{display:block;padding:15px 0;font-size:1.15rem;color:#fff;text-decoration:none;border-bottom:1px solid var(--line)}
  .mnav a[aria-current="page"]{color:var(--gold)}
  .mnav .btn{display:flex;margin-top:20px;border-bottom:0}
}

/* ---------- 20. footer ---------- */
.site-footer{background:var(--bg-deep);color:var(--muted);font-size:.93rem;padding-block:72px 36px;border-top:1px solid var(--line)}
.foot-grid{display:grid;grid-template-columns:minmax(0,4fr) repeat(4,minmax(0,2fr));gap:32px 40px}
.site-footer a{color:var(--text);text-decoration:none}
.site-footer a:hover{color:var(--gold);text-decoration:underline}
.site-footer h2{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.site-footer ul{list-style:none;display:grid;gap:9px}
.site-footer .fb svg{height:28px;width:auto;margin-bottom:16px}
.site-footer .fb p{max-width:36ch}
.site-footer .motto{font-size:1.1rem;color:var(--gold)}
.foot-base{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;font-size:.86rem}
@media (max-width:1000px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer .fb{grid-column:1/-1}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr}}


.site-head,.site-footer{font-family:var(--font);font-weight:400;line-height:1.65;text-align:left;letter-spacing:normal}
.site-head *,.site-footer *{box-sizing:border-box;min-width:0}
.site-brand{align-items:center;gap:0}.site-brand svg{display:block;min-width:0;min-height:0;max-width:none}
.site-footer .wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.site-footer p{margin:0 0 1em;max-width:66ch}.site-footer ul{margin:0;padding:0}
.site-footer h2{line-height:1.06;font-weight:600}.site-footer .fb svg{max-width:100%}
.site-head a:focus-visible,.site-head button:focus-visible,.site-footer a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.site-head .mnav[hidden]{display:none}.site-footer a{font-weight:400}
.skip{position:absolute;left:-9999px;top:8px;z-index:300;background:var(--gold);color:var(--ink);padding:10px 16px;font-weight:600;text-decoration:none}.skip:focus{left:8px}
/* v8.9.4 prices-in switcher and team photos */
.region-switch{display:flex;align-items:center;gap:.6rem;margin:1rem 0;font-size:.95rem}
.region-switch select{font:inherit;padding:.4rem .6rem;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#0f1320;color:#fff}
.region-switch select:focus-visible{outline:2px solid #FF8A2B;outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.leader-photo{width:72px;height:72px;border-radius:50%;object-fit:cover}

/* 27/10/2026: Arkiden Suite marked as the flagship product, in place in the footer Products list */
.site-footer .foot-flagship a{color:#fff;font-weight:600}
.site-footer .foot-flagship .flag-pill{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:#fff;vertical-align:1px;white-space:nowrap;background:linear-gradient(90deg,#FF2D9B,#FF8A2B 55%,#1FC8B8)}
.site-footer .foot-credit{display:inline-flex;align-items:center;gap:8px;color:rgba(244,247,251,.6)}
.site-footer .foot-credit strong{color:#fff;font-weight:600}
.site-footer .foot-credit .fc-mark{width:14px;height:14px;flex:none}
@media(max-width:600px){.site-footer .foot-credit{display:block;line-height:1.6}.site-footer .foot-credit .fc-mark{display:inline-block;vertical-align:-2px;margin-right:6px}}