/* determa.io homepage desk (2026-09-29): one context layer, every role. Generated from the bilingual desk preview. */
.dk-root{--dk-seg:96svh; --dk-serif:var(--font-head); --dk-sans:var(--font); --dk-mono:ui-monospace,'SF Mono',Menlo,monospace;
  position:relative; width:100vw; left:50%; margin-left:-50vw; color:var(--text); font-family:var(--dk-sans); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased}
.dk-root, .dk-root *{box-sizing:border-box}
.dk-root :where(*){margin:0; padding:0}
.dk-root :where(section){border-top:0; scroll-margin-top:0}
.dk-root :where(h1,h2,h3){max-width:none}
body:has(.dk-root){overflow-x:clip}
.dk-root a{color:inherit; text-decoration:none}
.dk-root button{font:inherit; color:inherit}
.dk-root .dk-worlds{padding:0}
.dk-note{margin:14px 0 0; font-size:13px; color:var(--text-muted)}
.dk-root.dk-still *, .dk-root.dk-still *::before, .dk-root.dk-still *::after{animation:none !important; transition-duration:0s !important; transition-delay:0s !important}
.dk-ico{fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}

.dk-worlds{position:relative; margin-top:0; height:calc(100svh - var(--dk-head,0px) + 9 * var(--dk-seg))}
.dk-stage{position:sticky; top:var(--dk-head,0px); height:calc(100svh - var(--dk-head,0px)); overflow:hidden; isolation:isolate;
  --dk-w-bg:#F4F1EA; --dk-w-ink:#1F1D18; --dk-w-text:#4A463D; --dk-w-mark:#BFE6D6; --dk-w-band:#E6DECF; --dk-w-blob:#ECE3D1; --dk-w-acc:#07876d; --dk-p:0; --dk-s:1;
  background:var(--dk-w-bg); color:var(--dk-w-ink); transition:background-color .7s ease, color .7s ease}
.dk-sky{position:absolute; inset:0; opacity:0; transition:opacity .8s ease; pointer-events:none; z-index:0}
.dk-sky.dk-on{opacity:1}
.dk-sky-1{background:radial-gradient(circle at 82% 10%, rgba(255,190,105,.55), transparent 44%)}
.dk-sky-2{background:repeating-radial-gradient(circle at 70% 58%, transparent 0 62px, rgba(7,135,109,.075) 62px 64px)}
.dk-sky-3{background:radial-gradient(circle at 18% 30%, rgba(75,85,209,.10), transparent 40%)}
.dk-sky-7{background-image:linear-gradient(rgba(58,90,128,.075) 1px, transparent 1px), linear-gradient(90deg, rgba(58,90,128,.075) 1px, transparent 1px); background-size:34px 34px}
.dk-sky-8 i{position:absolute; width:2px; height:2px; background:#fff; border-radius:50%; opacity:.75; animation:tw 3.2s ease-in-out infinite}
.dk-moon{position:absolute; left:6.5%; top:9%; width:58px; height:58px; border-radius:50%; box-shadow:13px -7px 0 0 #F4E9C8; transform:rotate(-18deg)}
@keyframes tw{50%{opacity:.12}}
.dk-copy{position:absolute; z-index:10; left:max(24px,6vw); top:0; bottom:0; width:min(36vw,540px); pointer-events:none}
.dk-copy .dk-art{position:absolute; left:0; right:0; top:30%; opacity:0; transform:translateY(26px); transition:opacity .4s ease, transform .6s cubic-bezier(.2,.8,.2,1); pointer-events:none}
.dk-copy .dk-art.dk-on{opacity:1; transform:none; pointer-events:auto; transition-delay:.12s}
.dk-copy h1,.dk-copy h2{font-family:var(--dk-serif); font-weight:600; letter-spacing:-.022em; line-height:1.03; margin:0 0 .5em; color:var(--dk-w-ink); font-variation-settings:"opsz" 144; transition:color .7s ease}
.dk-copy h1{font-size:clamp(42px,5.1vw,84px)}
.dk-copy h2{font-size:clamp(32px,3.45vw,58px)}
html[lang="de"] .dk-copy h2{font-size:clamp(29px,2.95vw,50px)}
.dk-copy p{font-size:clamp(15px,1.18vw,18.5px); line-height:1.6; color:var(--dk-w-text); margin:0; max-width:31em; transition:color .7s ease}
.dk-hl{background-image:linear-gradient(var(--dk-w-mark),var(--dk-w-mark)); background-repeat:no-repeat; background-position:0 88%; background-size:0% 30%; transition:background-size .9s cubic-bezier(.2,.8,.2,1) .35s; -webkit-box-decoration-break:clone; box-decoration-break:clone}
.dk-art.dk-on .dk-hl{background-size:100% 30%}
.dk-chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; max-width:34em}
.dk-chips button{border:1px solid rgba(31,29,24,.14); background:rgba(255,255,255,.55); padding:6px 11px 6px 9px; font-size:13px; cursor:pointer; border-radius:0; display:inline-flex; align-items:center; gap:7px; color:var(--dk-w-ink); transition:background .2s}
.dk-chips button:hover{background:#fff}
.dk-chips button i{width:9px; height:9px; border-radius:50%; background:var(--dk-c); box-shadow:0 0 0 1px rgba(127,127,127,.35)}
:root[data-theme="dark"] .dk-chips button{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .dk-chips button{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14)}}
.dk-hint{margin-top:22px; font:500 12px var(--dk-mono); color:var(--dk-w-text); display:flex; gap:8px; align-items:center; letter-spacing:.03em}
.dk-hint span{display:inline-block; animation:bob 1.6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(4px)}}
.dk-rail{position:absolute; z-index:15; left:max(24px,6vw); bottom:calc((80px * var(--dk-s) - 36px) / 2); display:flex; align-items:center; gap:14px; opacity:0; transform:translateY(8px); transition:opacity .4s ease, transform .4s ease; pointer-events:none}
.dk-rail.dk-show{opacity:1; transform:none; pointer-events:auto}
.dk-rail .dk-dots{display:flex; gap:7px; padding:8px 10px; background:rgba(255,255,255,.34); border-radius:999px}
.dk-rail .dk-rdot{width:15px; height:15px; border-radius:50%; border:0; padding:0; background:var(--dk-c); cursor:pointer; box-shadow:0 0 0 2px rgba(255,255,255,.7); transition:box-shadow .3s, transform .3s}
.dk-rail .dk-rdot.dk-on{box-shadow:0 0 0 2px var(--dk-w-bg), 0 0 0 4px var(--dk-w-ink); transform:scale(1.1)}
.dk-rail .dk-lbl{font:600 15px var(--dk-sans); color:var(--dk-w-ink); white-space:nowrap}
@media (max-width:760px){.dk-rail{left:16px; bottom:12px}
.dk-rail .dk-dots{gap:5px; padding:6px 8px}
.dk-rail .dk-rdot{width:11px; height:11px}
.dk-rail .dk-lbl{font-size:12.5px}}
.dk-deskwrap{position:absolute; z-index:5; right:0; top:0; bottom:0; width:60%}
.dk-desk{position:absolute; left:50%; bottom:0; width:800px; height:600px; transform-origin:50% 100%; transform:translateX(-50%) scale(var(--dk-s))}
.dk-blob{position:absolute; z-index:1; left:70px; top:30px; width:660px; height:500px; background:var(--dk-w-blob); border-radius:47% 53% 44% 56% / 52% 45% 55% 48%; transition:background-color .7s ease, border-radius 1.2s ease}
.dk-stage[data-w="1"] .dk-blob{border-radius:50% 50% 46% 54% / 56% 50% 50% 44%}
.dk-stage[data-w="2"] .dk-blob{border-radius:50%}
.dk-stage[data-w="3"] .dk-blob{border-radius:42% 58% 52% 48% / 46% 54% 46% 54%}
.dk-stage[data-w="4"] .dk-blob{border-radius:56% 44% 50% 50% / 50% 56% 44% 50%}
.dk-stage[data-w="5"] .dk-blob{border-radius:30px}
.dk-stage[data-w="6"] .dk-blob{border-radius:60% 40% 55% 45% / 45% 55% 45% 55%}
.dk-stage[data-w="7"] .dk-blob{border-radius:26px}
.dk-stage[data-w="8"] .dk-blob{border-radius:50% 50% 40% 60% / 60% 40% 60% 40%}
.dk-band{position:absolute; z-index:3; left:-2400px; right:-2400px; top:520px; height:420px; background:var(--dk-w-band); transition:background-color .7s ease}
.dk-band::before{content:""; position:absolute; left:0; right:0; top:0; height:9px; background:rgba(255,255,255,.22)}
.dk-band i{position:absolute; top:34px; width:118px; height:32px; border-radius:8px; background:rgba(0,0,0,.055)}
.dk-band i::after{content:""; position:absolute; left:40px; right:40px; top:14px; height:4px; border-radius:2px; background:rgba(0,0,0,.08)}
.dk-band i:nth-child(1){left:2682px}
.dk-band i:nth-child(2){left:2810px}
.dk-mon{position:absolute; z-index:5; left:160px; top:108px; width:480px; height:318px; background:#23211C; border-radius:18px; padding:12px 12px 36px; box-shadow:0 22px 44px -22px rgba(0,0,0,.5)}
.dk-screen{position:relative; width:100%; height:100%; border-radius:6px; overflow:hidden; background:#FBF9F3}
.dk-chin{position:absolute; left:0; right:0; bottom:10px; display:flex; justify-content:center}
.dk-chin svg{width:16px; height:16px}
.dk-neck{position:absolute; z-index:4; left:375px; top:424px; width:50px; height:80px; background:linear-gradient(90deg,#2b2923,#3d3a32 50%,#2b2923)}
.dk-base{position:absolute; z-index:5; left:314px; top:500px; width:172px; height:18px; background:#2b2923; border-radius:10px 10px 4px 4px}
.dk-kbd{position:absolute; z-index:6; left:292px; top:526px; width:216px; height:16px; border-radius:5px; background-color:#EAE6DE; box-shadow:0 2px 0 #cfc9bd; background-image:radial-gradient(circle,#cdc6b9 1.1px,transparent 1.4px); background-size:9px 6px; background-position:5px 2px}
.dk-mouse{position:absolute; z-index:6; left:532px; top:527px; width:26px; height:14px; border-radius:50%; background:#EAE6DE; box-shadow:0 2px 0 #cfc9bd}
.dk-mug{position:absolute; z-index:6; left:598px; top:466px; width:52px; height:56px; color:#07876d; transition:opacity .4s, color .6s}
.dk-stage[data-w="2"] .dk-mug,.dk-stage[data-w="6"] .dk-mug{color:#FFD166}
.dk-plant{position:absolute; z-index:6; left:92px; top:424px; width:72px; height:98px; transition:opacity .4s}
.dk-stage[data-w="2"] .dk-plant,.dk-stage[data-w="5"] .dk-plant,.dk-stage[data-w="6"] .dk-plant,.dk-stage[data-w="7"] .dk-plant{opacity:0}
.dk-scr{position:absolute; inset:0; opacity:0; transition:opacity .45s ease}
.dk-scr.dk-on{opacity:1}
.dk-props{position:absolute; inset:0; pointer-events:none}
.dk-pp{position:absolute; opacity:0; transform:translate3d(0,18px,0) scale(.94); transition:opacity .4s ease, transform .6s cubic-bezier(.2,.8,.2,1)}
.dk-props.dk-on .dk-pp{opacity:1; transform:none; transition-delay:calc(var(--dk-d,0) * 80ms + 140ms)}
.dk-pp.dk-back{z-index:2}
.dk-pp.dk-mid{z-index:4}
.dk-pp.dk-front{z-index:7}
.dk-st{opacity:0; transform:translateY(5px); transition:opacity .35s ease, transform .35s ease}
.dk-st.dk-on{opacity:1; transform:none}
.dk-card{background:#fff; color:#1F1D18; border-radius:10px; box-shadow:0 12px 26px -14px rgba(20,18,10,.4), 0 1px 0 rgba(0,0,0,.04); padding:10px 12px; font:12px/1.35 var(--dk-sans)}
.dk-card small{display:block; font:500 9.5px var(--dk-mono); color:#6A6358; text-transform:uppercase; letter-spacing:.05em; margin-bottom:3px}
.dk-card b{font-weight:600}
.dk-float{animation:float 5s ease-in-out infinite; animation-delay:var(--dk-fd,0s)}
@keyframes float{50%{transform:translateY(-7px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes blink{50%{opacity:.25}}
.dk-app{position:absolute; inset:0; display:flex; flex-direction:column; background:#FBF9F3; color:#1F1D18; font:9.5px/1.4 var(--dk-sans)}
.dk-app-top{height:22px; flex:none; display:flex; align-items:center; gap:4px; padding:0 9px; background:#F1EDE4; border-bottom:1px solid #E5DFD2}
.dk-app-top i{width:7px; height:7px; border-radius:50%; background:#DAD3C4}
.dk-app-top .dk-t{margin:0 auto; transform:translateX(-14px); font:600 9px var(--dk-sans); color:#6A6358; display:flex; align-items:center; gap:5px; white-space:nowrap}
.dk-app-top .dk-t svg{width:11px; height:11px}
.dk-app-body{flex:1; display:flex; min-height:0}
.dk-app-side{width:30px; flex:none; background:#F6F3EC; border-right:1px solid #E5DFD2; display:flex; flex-direction:column; align-items:center; gap:7px; padding-top:10px}
.dk-app-side b{width:14px; height:14px; border-radius:4px; background:#E4DED1}
.dk-app-side b.dk-on{background:#07876d}
.dk-app-main{flex:1; min-width:0; padding:12px 14px; position:relative; overflow:hidden}
.dk-chip{display:inline-flex; align-items:center; gap:3px; padding:1.5px 5px; border-radius:3px; background:#EDE8DB; color:#6A6358; font:500 7.6px/1.3 var(--dk-mono); white-space:nowrap}
.dk-chip.dk-g{background:#DCEEE4; color:#086450}
.dk-chip.dk-a{background:#FBE8C8; color:#8A5A12}
.dk-chip.dk-b{background:#E1E5FA; color:#2C3590}
.dk-hero-scr{height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; background:radial-gradient(circle at 50% 42%,#fff,#F4F1EA 72%)}
.dk-hero-scr svg{width:78px; height:78px}
.dk-hero-scr .dk-wm{font:600 27px/1 var(--dk-serif); letter-spacing:-.02em; color:#1F1D18}
.dk-hero-scr .dk-src{font:500 8.5px var(--dk-mono); color:#6A6358; letter-spacing:.07em}
.dk-brief-h{font:600 12.5px/1.3 var(--dk-serif); margin-bottom:9px}
.dk-brief{list-style:none; margin:0; padding:0; display:grid; gap:6px}
.dk-brief li{background:#fff; border:1px solid #ECE6D9; border-radius:6px; padding:6px 8px; display:flex; flex-wrap:wrap; gap:3px 6px; align-items:center}
.dk-brief-f{margin-top:9px; font:500 7.8px var(--dk-mono); color:#07876d}
.dk-radar-main{display:flex; gap:13px; align-items:center}
.dk-radar{position:relative; width:152px; height:152px; flex:none; border-radius:50%; border:1px solid #CBE6D8; overflow:hidden; background:radial-gradient(circle,#E9F6EF 0 29%,#D3EBDF 29.5% 30.5%,#E9F6EF 31% 59%,#D3EBDF 59.5% 60.5%,#E9F6EF 61%)}
.dk-radar .dk-sweep{position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg,rgba(7,135,109,0) 0 290deg,rgba(7,135,109,.38) 360deg); animation:spin 3.2s linear infinite}
.dk-radar::after{content:""; position:absolute; left:50%; top:50%; width:6px; height:6px; margin:-3px; border-radius:50%; background:#07876d}
.dk-blip{position:absolute; width:8px; height:8px; margin:-4px; border-radius:50%; background:#07876d; box-shadow:0 0 0 4px rgba(7,135,109,.18)}
.dk-blip em{position:absolute; left:10px; top:-3px; font:600 7.5px var(--dk-sans); font-style:normal; color:#0B4A3C; white-space:nowrap}
.dk-rlist{flex:1; min-width:0; display:grid; gap:5px}
.dk-rl-h{font:600 11px var(--dk-serif); margin-bottom:1px}
.dk-rl{background:#fff; border:1px solid #E1EEE7; border-radius:6px; padding:5px 8px; display:grid; grid-template-columns:1fr auto; gap:0 6px}
.dk-rl em{font:600 11px var(--dk-mono); font-style:normal; color:#07876d; grid-row:1 / span 3; grid-column:2; align-self:center}
.dk-rl small{color:#6A6358; font-size:7.8px}
.dk-meet{display:grid; grid-template-columns:1.05fr 1fr; gap:10px}
.dk-tx-h,.dk-prop-h{font:600 9px var(--dk-sans); color:#6A6358; margin-bottom:6px; display:flex; gap:6px; align-items:center}
.dk-live{color:#D9553F; font:600 8px var(--dk-mono)}
.dk-live::before{content:"●"; margin-right:3px; animation:blink 1.2s steps(2) infinite}
.dk-tx p{margin:0 0 5px; display:flex; gap:5px; align-items:flex-start; background:#fff; border:1px solid #ECE6D9; border-radius:6px; padding:4px 6px; font-size:8.6px}
.dk-av{flex:none; width:15px; height:15px; border-radius:50%; font:600 6.5px/15px var(--dk-sans); text-align:center; color:#fff; font-style:normal}
.dk-a1{background:#4B55D1}
.dk-a2{background:#D9553F}
.dk-a3{background:#07876d}
.dk-prop{background:#fff; border:1px solid #DCDFF6; border-radius:6px; padding:5px 7px; margin-bottom:5px; font-size:8.8px; font-weight:600}
.dk-prop small{display:block; font:500 7px var(--dk-mono); color:#6A6358; margin-bottom:1px}
.dk-btns{display:flex; gap:3px; margin-top:4px}
.dk-btns .dk-b{font:600 7px var(--dk-sans); padding:2px 5px; border-radius:3px; border:1px solid #E0DACC; color:#4A463D; background:#fff; transition:background .25s, color .25s, border-color .25s, transform .15s, box-shadow .3s}
.dk-btns .dk-b.dk-p{background:#1F1D18; color:#fff; border-color:#1F1D18}
.dk-prop .dk-ok{display:none; color:#07876d; font:600 7px var(--dk-mono); margin-left:4px}
.dk-prop.dk-acc.dk-on .dk-b.dk-p{background:#07876d; border-color:#07876d}
.dk-prop.dk-acc.dk-on .dk-ok{display:inline}
.dk-deal{display:grid; grid-template-columns:1fr 1fr; gap:14px; align-content:start}
.dk-dcol{background:#fff; border:1px solid #F0DAD4; border-radius:8px; padding:8px 9px}
.dk-dh{font:500 7.5px var(--dk-mono); color:#6A6358; letter-spacing:.06em; text-transform:uppercase; margin-bottom:3px}
.dk-dcol > b{font:600 12px var(--dk-serif); display:block; margin-bottom:6px}
.dk-stages{display:flex; gap:3px; margin-bottom:7px}
.dk-stages > span{flex:1; text-align:center; font:600 6.6px var(--dk-sans); padding:3px 0; border-radius:3px; background:#F4EFE6; color:#8a8375}
.dk-stages > .dk-done{background:#F9DDD6; color:#8A2E1F}
.dk-stages > .dk-cur{background:#D9553F; color:#fff}
.dk-kv,.dk-tk{display:flex; justify-content:space-between; align-items:center; gap:6px; font-size:8.5px; padding:4px 0; border-top:1px dashed #EEE7DA}
.dk-swap{display:inline-grid}
.dk-swap > *{grid-area:1/1; transition:opacity .3s ease}
.dk-swap .dk-s2{opacity:0}
.dk-swap.dk-on .dk-s1{opacity:0}
.dk-swap.dk-on .dk-s2{opacity:1}
.dk-stat{font:600 7px var(--dk-mono); font-style:normal; padding:1.5px 5px; border-radius:3px; white-space:nowrap; text-align:center}
.dk-stat.dk-bl{background:#F9DDD6; color:#8A2E1F}
.dk-stat.dk-ip{background:#FBE8C8; color:#8A5A12}
.dk-stat.dk-dn{background:#DCEEE4; color:#086450}
.dk-deal-f{grid-column:1/-1; font:500 8px var(--dk-mono); color:#07876d; text-align:center}
.dk-chat{display:flex; flex-direction:column; gap:6px; height:100%}
.dk-q{align-self:flex-end; max-width:78%; background:#1F1D18; color:#fff; border-radius:9px 9px 2px 9px; padding:5px 8px; font-size:8.8px}
.dk-a{align-self:flex-start; max-width:86%; background:#fff; border:1px solid #D9E8F2; border-radius:9px 9px 9px 2px; padding:6px 8px; font-size:8.8px}
.dk-a .dk-src{display:flex; gap:3px; margin-top:4px}
.dk-a.dk-nf{background:#F4F1EA; color:#6A6358; border-style:dashed}
.dk-chat-in{margin-top:auto; border:1px solid #E3DDCF; border-radius:6px; padding:5px 8px; color:#9a9285; font-size:8.5px; background:#fff}
.dk-appr{display:flex; align-items:center; justify-content:center; background:#EFF6F2}
.dk-acard{width:92%; background:#fff; border:1px solid #D5E9E0; border-radius:8px; box-shadow:0 8px 20px -14px rgba(0,60,40,.4); padding:9px 11px; font-size:8.6px}
.dk-acard .dk-bar{display:flex; align-items:center; gap:5px; font:500 7.4px var(--dk-mono); color:#6A6358; margin-bottom:6px; flex-wrap:wrap}
.dk-acard .dk-dot{width:6px; height:6px; border-radius:50%; background:#E0A43A; transition:background .3s}
.dk-acard.dk-on .dk-dot{background:#07876d}
.dk-acard .dk-okt{display:none; color:#07876d}
.dk-acard.dk-on .dk-okt{display:inline}
.dk-acard.dk-on .dk-pend{display:none}
.dk-acard .dk-ev{font:600 11px var(--dk-serif); margin-bottom:2px}
.dk-acard .dk-meta{color:#6A6358; font-size:7.8px}
.dk-acard q{display:block; margin:6px 0; padding:5px 7px; background:#F6F3EC; border-left:2px solid #07876d; font-style:italic; quotes:"\201E" "\201C"}
html[lang="en"] .dk-acard q{quotes:"\201C" "\201D"}
.dk-acard .dk-btns .dk-b{font-size:7.8px; padding:3px 7px}
.dk-acard .dk-b.dk-p{background:#07876d; border-color:#07876d}
.dk-acard.dk-on .dk-b.dk-p{transform:scale(.93); box-shadow:0 0 0 4px rgba(7,135,109,.25)}
.dk-ten{display:grid; grid-template-rows:auto 1fr; gap:8px}
.dk-tdiag{display:flex; align-items:center; gap:8px}
.dk-srcs{display:grid; gap:3px}
.dk-srcs span{font:500 7.2px var(--dk-mono); background:#EEF1F5; border:1px solid #DCE2EA; border-radius:3px; padding:1.5px 6px; color:#47576B}
.dk-tarrow{color:#3A5A80; font-size:13px}
.dk-tbox{flex:1; border:1.5px solid #3A5A80; border-radius:8px; padding:6px; display:grid; grid-template-columns:repeat(3,1fr); gap:5px; background:#F6F8FB}
.dk-tbox-h{grid-column:1/-1; font:600 8.5px var(--dk-sans); color:#1D2A38; display:flex; justify-content:space-between; align-items:center}
.dk-tb{background:#fff; border:1px solid #DCE2EA; border-radius:5px; padding:7px 3px; text-align:center; font:600 7.4px var(--dk-sans)}
.dk-audit{background:#1D2A38; color:#CFD8E3; border-radius:6px; padding:7px 8px; font:500 7.5px/1.6 var(--dk-mono); overflow:hidden}
.dk-audit time{color:#7FA3CC; margin-right:6px}
.dk-audit .dk-chips2{display:flex; gap:4px; margin-top:4px; flex-wrap:wrap}
.dk-app.dk-dark{background:#11131B; color:#D6D8E2}
.dk-app.dk-dark .dk-app-top{background:#181B26; border-color:#232739}
.dk-app.dk-dark .dk-app-top i{background:#2E3346}
.dk-app.dk-dark .dk-app-top .dk-t{color:#8E93A8}
.dk-term{padding:12px 16px; font:500 8.7px/1.8 var(--dk-mono)}
.dk-term p{margin:0}
.dk-term .dk-pr{color:#34E3C2; margin-right:5px}
.dk-term .dk-tool{color:#F2C94C}
.dk-term .dk-res{color:#8E93A8; padding-left:10px}
.dk-term .dk-warn{color:#F0A155}
.dk-term .dk-okl{color:#34E3C2}
.dk-term .dk-cur::after{content:""; display:inline-block; width:6px; height:10px; margin-left:3px; background:#34E3C2; vertical-align:-1px; animation:blink 1s steps(2) infinite}
.dk-srcb{padding:7px 12px 7px 8px; display:flex; align-items:center; gap:7px; font:600 12.5px var(--dk-sans); border-radius:10px}
.dk-srcb svg{width:18px; height:18px; color:#07876d}
.dk-flow path{fill:none; stroke:var(--dk-w-acc); stroke-width:2; stroke-dasharray:3 8; stroke-linecap:round; opacity:.55; animation:dash 1.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-22}}
.dk-sun{width:180px; height:180px; border-radius:50%; background:radial-gradient(circle at 42% 40%,#FFE7AE,#F8B658 58%,#F09A3E); box-shadow:0 0 90px 24px rgba(255,186,96,.38); transform:translateY(calc((1 - var(--dk-p)) * 120px))}
.dk-clock{position:relative; width:104px; height:104px; border-radius:50%; background:#fff; border:6px solid #6A3410; box-shadow:0 10px 22px -14px rgba(0,0,0,.4)}
.dk-clock::before{content:""; position:absolute; inset:6px; border-radius:50%; background:repeating-conic-gradient(from -2deg,#6A3410 0 4deg,transparent 4deg 90deg); -webkit-mask:radial-gradient(circle,transparent 62%,#000 63%); mask:radial-gradient(circle,transparent 62%,#000 63%)}
.dk-clock::after{content:""; position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-4px; border-radius:50%; background:#6A3410}
.dk-clock i{position:absolute; left:50%; bottom:50%; border-radius:2px; background:#6A3410; transform-origin:50% 100%}
.dk-clock .dk-hh{width:4px; height:24px; margin-left:-2px; transform:rotate(calc(236deg + var(--dk-p) * 4deg))}
.dk-clock .dk-mm{width:3px; height:36px; margin-left:-1.5px; background:#E48A34; transform:rotate(calc(312deg + var(--dk-p) * 48deg))}
.dk-toast{display:flex; gap:8px; align-items:center; width:180px}
.dk-toast .dk-ti{flex:none; width:26px; height:26px; border-radius:8px; background:#FBE9D2; display:grid; place-items:center; color:#E48A34}
.dk-toast .dk-ti svg{width:16px; height:16px}
.dk-steam i{display:inline-block; width:4px; height:26px; margin:0 3px; border-radius:4px; background:linear-gradient(transparent,rgba(106,52,16,.28)); animation:steam 2.4s ease-in-out infinite}
.dk-steam i:nth-child(2){animation-delay:-.8s}
.dk-steam i:nth-child(3){animation-delay:-1.6s}
@keyframes steam{0%{transform:translateY(8px) scaleY(.6); opacity:0}
50%{opacity:1}
100%{transform:translateY(-16px) scaleY(1.1); opacity:0}}
.dk-folder{position:relative; width:152px; height:76px; background:#fff; border-radius:4px 10px 10px 10px; padding:16px 12px 8px; box-shadow:0 12px 24px -14px rgba(0,40,30,.4); font:600 12.5px var(--dk-sans); color:#0B4A3C}
.dk-folder::before{content:""; position:absolute; left:0; top:-10px; width:58px; height:12px; background:#fff; border-radius:7px 7px 0 0}
.dk-folder small{display:block; font:500 9px var(--dk-mono); color:#5E7F74; margin-top:3px; font-weight:500}
.dk-folder em{position:absolute; right:9px; top:12px; min-width:22px; height:22px; border-radius:11px; background:#07876d; color:#fff; font:600 11px/22px var(--dk-mono); text-align:center; font-style:normal}
.dk-folder em.dk-z{background:#C9E2D6; color:#0B4A3C}
.dk-suit{position:relative; width:112px; height:84px; background:#0B4A3C; border-radius:12px; box-shadow:inset 0 -9px 0 rgba(0,0,0,.18)}
.dk-suit::before{content:""; position:absolute; left:24px; right:24px; top:0; bottom:0; border-left:6px solid rgba(255,255,255,.12); border-right:6px solid rgba(255,255,255,.12)}
.dk-suit .dk-handle{position:absolute; left:34px; top:-14px; width:44px; height:18px; border:6px solid #0B4A3C; border-bottom:0; border-radius:10px 10px 0 0}
.dk-suit .dk-tag{position:absolute; right:-30px; top:16px; background:#FBE9D2; color:#6A3410; font:600 9.5px var(--dk-mono); padding:3px 7px; border-radius:3px; transform:rotate(9deg); white-space:nowrap; box-shadow:0 4px 8px -4px rgba(0,0,0,.3)}
.dk-cal{width:118px; background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 12px 24px -14px rgba(0,40,30,.4)}
.dk-cal-h{background:#07876d; color:#fff; font:600 10px var(--dk-mono); padding:4px 8px}
.dk-cal-g{display:grid; grid-template-columns:repeat(7,1fr); gap:3px; padding:7px}
.dk-cal-g i{height:10px; border-radius:2px; background:#E8F1EC; position:relative}
.dk-cal-g i.dk-x::after{content:""; position:absolute; left:1px; right:1px; top:4px; height:2px; background:#D9553F; transform:rotate(-30deg)}
.dk-cal-g i.dk-t{background:#07876d}
.dk-bub{display:flex; gap:8px; align-items:center; max-width:178px; padding:8px 11px 8px 8px; border-radius:14px 14px 14px 4px; font:500 12px/1.3 var(--dk-sans)}
.dk-bub .dk-av{width:22px; height:22px; font-size:8px; line-height:22px}
.dk-board{position:relative; width:142px; height:152px; background:#fff; border:6px solid #D2D6F2; border-radius:6px; box-shadow:0 12px 24px -16px rgba(20,20,60,.4)}
.dk-board i{position:absolute; width:38px; height:32px; background:var(--dk-c); transform:rotate(var(--dk-r,0deg)); box-shadow:0 2px 3px rgba(0,0,0,.12)}
.dk-tray{position:relative; width:134px; height:112px}
.dk-tray::after{content:""; position:absolute; left:0; right:0; bottom:0; height:32px; background:#4B55D1; clip-path:polygon(0 0,100% 0,92% 100%,8% 100%)}
.dk-tray .dk-lbl2{position:absolute; left:0; right:0; bottom:9px; text-align:center; z-index:2; color:#fff; font:600 10px var(--dk-mono)}
.dk-tray .dk-drop{position:absolute; left:20px; width:94px; height:26px; background:#fff; border-radius:4px; box-shadow:0 4px 10px -4px rgba(20,20,60,.35); z-index:1}
.dk-tray .dk-drop::before{content:""; position:absolute; left:8px; top:8px; width:46px; height:4px; border-radius:2px; background:#C0C6F4}
.dk-tray .dk-drop::after{content:""; position:absolute; left:8px; top:15px; width:62px; height:3px; border-radius:2px; background:#E6E8FA}
.dk-tray .dk-drop.dk-st{transform:translateY(-90px); transition:opacity .3s ease, transform .55s cubic-bezier(.3,1.4,.5,1)}
.dk-tray .dk-drop.dk-st.dk-on{transform:none}
.dk-tray .dk-d1{bottom:22px}
.dk-tray .dk-d2{bottom:30px}
.dk-tray .dk-d3{bottom:38px}
.dk-crmc{width:172px}
.dk-mstages{display:flex; gap:3px; margin:6px 0}
.dk-mstages i{flex:1; height:6px; border-radius:3px; background:#F1E6E2}
.dk-mstages i.dk-d{background:#F5B1A3}
.dk-mstages i.dk-c{background:#D9553F}
.dk-tickc{width:166px}
.dk-tickc .dk-row{display:flex; justify-content:space-between; align-items:center; margin-top:6px; font-size:11px}
.dk-string path{fill:none; stroke:#D9553F; stroke-width:3; stroke-linecap:round}
.dk-knot{background:#D9553F; color:#fff; font:600 11px var(--dk-mono); padding:4px 10px; border-radius:999px; box-shadow:0 8px 16px -8px rgba(110,34,24,.6)}
.dk-bell{position:relative; width:62px; height:46px}
.dk-bell::before{content:""; position:absolute; left:6px; right:6px; top:8px; height:30px; background:linear-gradient(#F2C14B,#D99A22); border-radius:30px 30px 4px 4px}
.dk-bell::after{content:""; position:absolute; left:0; right:0; bottom:0; height:9px; background:#6E2218; border-radius:3px}
.dk-bell i{position:absolute; left:27px; top:0; width:8px; height:9px; border-radius:4px 4px 0 0; background:#D99A22}
.dk-bell.dk-on{animation:ring .45s ease-in-out 3}
@keyframes ring{25%{transform:rotate(-12deg)}
75%{transform:rotate(12deg)}}
.dk-shelf{width:150px; height:370px; display:grid; grid-template-rows:repeat(3,1fr); padding:0 9px; border:6px solid #9CC3DE; border-top-width:9px; background:rgba(255,255,255,.35)}
.dk-shelf .dk-row{display:flex; align-items:flex-end; gap:3px; border-bottom:6px solid #9CC3DE; margin:0 -9px; padding:0 9px}
.dk-shelf .dk-row:last-child{border-bottom:0}
.dk-shelf .dk-row i{width:14px; height:var(--dk-h); background:var(--dk-c); border-radius:2px 2px 0 0}
.dk-shelf .dk-row i.dk-t{transform:rotate(-12deg); transform-origin:100% 100%}
.dk-qcard{position:relative; width:150px; height:58px}
.dk-qcard .dk-qm,.dk-qcard .dk-qs{position:absolute; inset:0; display:flex; align-items:center; transition:opacity .35s ease, transform .35s ease}
.dk-qcard .dk-qm{justify-content:center; font:700 26px var(--dk-serif); color:#2A7DB8}
.dk-qcard .dk-qs{flex-direction:column; align-items:flex-start; justify-content:center; opacity:0; transform:rotateX(60deg)}
.dk-qcard.dk-on .dk-qm{opacity:0; transform:rotateX(-60deg)}
.dk-qcard.dk-on .dk-qs{opacity:1; transform:none}
.dk-nfc{width:164px; border:1.5px dashed #9CB6C8; background:#F2F7FA; box-shadow:none}
.dk-badge{display:flex; align-items:center; gap:8px; width:168px}
.dk-badge .dk-ph{flex:none; width:30px; height:30px; border-radius:50%; background:#2A7DB8; color:#fff; font:600 11px/30px var(--dk-sans); text-align:center}
.dk-stamp{position:relative; width:96px; height:118px}
.dk-stamp.dk-on{animation:stampit .7s ease-in-out both}
@keyframes stampit{0%{transform:translateY(0) rotate(-10deg)}
45%{transform:translateY(98px) rotate(-3deg)}
62%{transform:translateY(92px) rotate(-3deg)}
100%{transform:translateY(0) rotate(-10deg)}}
.dk-stamp{transform:rotate(-10deg)}
.dk-stamp .dk-knob{position:absolute; left:28px; top:0; width:40px; height:40px; border-radius:50%; background:#FFD166; box-shadow:inset -5px -5px 0 rgba(0,0,0,.12)}
.dk-stamp .dk-nk{position:absolute; left:40px; top:34px; width:16px; height:44px; background:#E7B94A}
.dk-stamp .dk-ft{position:absolute; left:6px; top:74px; width:84px; height:26px; border-radius:6px; background:#1F1D18}
.dk-stamp .dk-ft::after{content:""; position:absolute; left:4px; right:4px; bottom:-8px; height:8px; background:#0B5E4C; border-radius:0 0 4px 4px}
.dk-paper{width:172px; height:102px; display:grid; place-items:center; transform:rotate(3deg)}
.dk-imprint{border:3px solid #07876d; color:#07876d; font:700 15px var(--dk-mono); padding:4px 9px; letter-spacing:.08em; display:inline-block}
.dk-imprint.dk-st{transform:rotate(-8deg) scale(1.5)}
.dk-imprint.dk-st.dk-on{transform:rotate(-8deg) scale(1)}
.dk-printer{position:relative; width:156px; height:98px}
.dk-printer::before{content:""; position:absolute; left:0; right:0; bottom:0; height:70px; background:#FFD166; border-radius:12px; box-shadow:inset 0 -8px 0 rgba(0,0,0,.1)}
.dk-printer .dk-slot{position:absolute; left:12px; right:12px; bottom:60px; height:7px; background:#1F1D18; border-radius:4px; z-index:2}
.dk-printer .dk-led{position:absolute; right:16px; bottom:22px; width:9px; height:9px; border-radius:50%; background:#07876d; z-index:2; animation:blink 1s steps(2) infinite}
.dk-roll{position:absolute; left:14px; right:14px; bottom:64px; height:calc(clamp(0, (var(--dk-p) - .52) * 2.5, 1) * 168px); background:#fff; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-start; padding:8px 8px 0; font:500 8px/1.65 var(--dk-mono); color:#1F1D18; box-shadow:0 6px 14px -8px rgba(0,0,0,.4); z-index:1}
.dk-roll p{margin:0; white-space:nowrap}
.dk-roll p:first-child{font-weight:600}
.dk-cursor{position:relative; width:30px; height:34px; transform:translate(calc((1 - clamp(0, (var(--dk-p) - .26) * 5, 1)) * 150px), calc((1 - clamp(0, (var(--dk-p) - .26) * 5, 1)) * 170px))}
.dk-cursor svg{position:absolute; left:0; top:0; width:26px; height:32px; filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.dk-cursor .dk-ring{position:absolute; left:-12px; top:-12px; width:24px; height:24px; border-radius:50%; border:2px solid #FFD166; opacity:0}
.dk-cursor .dk-ring.dk-on{animation:pulse .8s ease-out 2}
@keyframes pulse{0%{transform:scale(.4); opacity:1}
100%{transform:scale(2.2); opacity:0}}
.dk-rack{width:118px; height:326px; background:#1D2A38; border-radius:9px; padding:11px 9px; display:grid; gap:7px}
.dk-rack .dk-u{background:#2A3B50; border-radius:4px; display:flex; align-items:center; gap:5px; padding:0 8px}
.dk-rack .dk-u i{width:6px; height:6px; border-radius:50%; background:#34E3C2; animation:blink 1.6s steps(2) infinite}
.dk-rack .dk-u i:nth-child(2){background:#7FA3CC; animation-delay:-.7s}
.dk-rack .dk-u b{flex:1; height:4px; background:#3A4E66; border-radius:2px}
.dk-bound rect{fill:none; stroke:#3A5A80; stroke-width:2.5}
.dk-tlabel{background:#1D2A38; color:#fff; font:600 11px var(--dk-mono); padding:5px 10px; border-radius:4px; white-space:nowrap}
.dk-eu{width:92px; height:92px; border-radius:50%; background:#fff; display:grid; place-items:center; align-content:center; box-shadow:0 12px 24px -14px rgba(20,30,50,.45); border:3px solid #3A5A80}
.dk-eu b{font:700 26px/1 var(--dk-serif); color:#1D2A38}
.dk-eu small{font:500 8.5px var(--dk-mono); color:#47576B; margin-top:3px}
.dk-lock{position:relative; width:78px; height:100px}
.dk-lock .dk-sh{position:absolute; left:15px; top:0; width:48px; height:54px; border:9px solid #3A5A80; border-bottom:0; border-radius:26px 26px 0 0; transform:translateY(-20px); transition:transform .45s cubic-bezier(.3,1.5,.5,1)}
.dk-lock.dk-on .dk-sh{transform:none}
.dk-lock .dk-bd{position:absolute; left:0; top:42px; width:78px; height:58px; background:#3A5A80; border-radius:11px}
.dk-lock .dk-bd::after{content:""; position:absolute; left:34px; top:18px; width:10px; height:18px; border-radius:5px; background:#1D2A38}
.dk-tile{width:128px; height:64px; background:#1B1F2E; border:1px solid #2C3246; border-radius:11px; padding:10px 12px; color:#8E93A8; transition:border-color .4s, box-shadow .4s}
.dk-tile b{display:block; font:600 11.5px var(--dk-sans); color:#D6D8E2; white-space:nowrap}
.dk-tile small{display:block; font:500 8.5px var(--dk-mono); margin-top:4px; opacity:.45; transition:opacity .4s, color .4s}
.dk-tile.dk-on{border-color:#34E3C2; box-shadow:0 0 0 1px #34E3C2, 0 0 26px -4px rgba(52,227,194,.55)}
.dk-tile.dk-on small{opacity:1; color:#34E3C2}
.dk-cab path{fill:none; stroke:#2C3246; stroke-width:3; stroke-linecap:round; transition:stroke .4s}
.dk-cab path.dk-on{stroke:#34E3C2}
.dk-more{padding:120px max(24px,6vw) 40px}
.dk-inner{max-width:1180px; margin:0 auto}
.dk-sec-h{font:600 clamp(32px,4vw,56px)/1.05 var(--dk-serif); letter-spacing:-.02em; margin:0 0 .35em; font-variation-settings:"opsz" 144}
.dk-lead{color:var(--text-muted); max-width:640px; font-size:18px; margin:0 0 40px}
.dk-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.dk-rcard{background:var(--dk-cb); color:var(--dk-ck); padding:26px 24px 28px; min-height:214px; display:flex; flex-direction:column; gap:12px}
.dk-rcard .dk-ic{width:44px; height:44px; border-radius:12px; background:rgba(255,255,255,.62); display:grid; place-items:center}
.dk-rcard .dk-ic svg{width:22px; height:22px}
.dk-rcard h3{font:600 23px/1.15 var(--dk-serif); margin:0; letter-spacing:-.01em}
.dk-rcard p{margin:0; font-size:15.5px; line-height:1.55; opacity:.88}
.dk-c1{--dk-cb:#DDF0E6; --dk-ck:#0B4A3C}
.dk-c2{--dk-cb:#FBE9D2; --dk-ck:#6A3410}
.dk-c3{--dk-cb:#E6E8FA; --dk-ck:#232A6B}
.dk-c4{--dk-cb:#FBE2DC; --dk-ck:#6E2218}
.dk-c5{--dk-cb:#E1E6EC; --dk-ck:#1D2A38}
.dk-c6{--dk-cb:#DDEEF8; --dk-ck:#0E3E5C}
:root[data-theme="dark"] .dk-c1{--dk-cb:#0E241E; --dk-ck:#BDEAD8}
:root[data-theme="dark"] .dk-c2{--dk-cb:#261A10; --dk-ck:#F8D8B2}
:root[data-theme="dark"] .dk-c3{--dk-cb:#161931; --dk-ck:#D3D7FA}
:root[data-theme="dark"] .dk-c4{--dk-cb:#29150F; --dk-ck:#F8CEC4}
:root[data-theme="dark"] .dk-c5{--dk-cb:#191F28; --dk-ck:#D8E0EA}
:root[data-theme="dark"] .dk-c6{--dk-cb:#0E202D; --dk-ck:#C4E2F5}
:root[data-theme="dark"] .dk-rcard .dk-ic{background:rgba(255,255,255,.08)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .dk-c1{--dk-cb:#0E241E; --dk-ck:#BDEAD8}
:root:not([data-theme="light"]) .dk-c2{--dk-cb:#261A10; --dk-ck:#F8D8B2}
:root:not([data-theme="light"]) .dk-c3{--dk-cb:#161931; --dk-ck:#D3D7FA}
:root:not([data-theme="light"]) .dk-c4{--dk-cb:#29150F; --dk-ck:#F8CEC4}
:root:not([data-theme="light"]) .dk-c5{--dk-cb:#191F28; --dk-ck:#D8E0EA}
:root:not([data-theme="light"]) .dk-c6{--dk-cb:#0E202D; --dk-ck:#C4E2F5}
:root:not([data-theme="light"]) .dk-rcard .dk-ic{background:rgba(255,255,255,.08)}}
@media (max-width:980px){.dk-cards{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.dk-cards{grid-template-columns:1fr}
.dk-rcard{min-height:0}}
.dk-hub{padding:110px max(24px,6vw) 100px}
.dk-hub-copy{max-width:660px; margin:0 auto 30px; text-align:center}
.dk-hub-copy .dk-lead{margin:0 auto}
.dk-hub-map{position:relative; max-width:900px; margin:0 auto; aspect-ratio:800/520}
.dk-hub-lines{position:absolute; inset:0; width:100%; height:100%}
.dk-hub-lines line{stroke:var(--border); stroke-width:2; stroke-dasharray:3 7}
.dk-hub-center{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:25%; aspect-ratio:1.5; background:#23211C; border-radius:12px; padding:6px 6px 14px}
.dk-hub-center div{background:#FBF9F3; border-radius:4px; height:100%; display:grid; place-items:center}
.dk-hub-center svg{width:34%; height:auto}
.dk-hub-tile{position:absolute; display:flex; flex-direction:column; align-items:center; gap:8px; background:none; border:0; cursor:pointer; padding:0; opacity:0; transform:translate(-50%,-38%) scale(.9); transition:opacity .5s ease, transform .6s cubic-bezier(.2,.8,.2,1); transition-delay:calc(var(--dk-i) * 70ms)}
.dk-hub.dk-in .dk-hub-tile{opacity:1; transform:translate(-50%,-50%)}
.dk-hub-tile .dk-ic{width:clamp(50px,8.6vw,82px); aspect-ratio:1; border-radius:22%; background:var(--dk-c); color:var(--dk-k); display:grid; place-items:center; box-shadow:0 14px 24px -14px rgba(0,0,0,.5), inset 0 -4px 0 rgba(0,0,0,.1); transition:transform .3s}
.dk-hub-tile:hover .dk-ic{transform:translateY(-4px) rotate(-3deg)}
.dk-hub-tile .dk-ic svg{width:clamp(22px,3.9vw,36px); height:clamp(22px,3.9vw,36px)}
.dk-hub-tile span{font:500 12.5px var(--dk-sans); color:var(--text-muted); white-space:nowrap}
@media (max-width:620px){.dk-hub-tile span{font-size:10.5px}}
.ctasec{padding:40px max(24px,6vw) 110px; text-align:center}
.cta-in{max-width:780px; margin:0 auto; border-top:1px solid var(--border); padding-top:70px}
.ctasec .dk-lead{margin:0 auto 28px}
.btnrow{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}
.btn{display:inline-flex; align-items:center; gap:8px; padding:14px 22px; font-weight:600; text-decoration:none; border-radius:0; border:1px solid var(--accent); transition:background .2s, border-color .2s}
.btn.dk-p{background:var(--accent); color:var(--bg)}
.btn.dk-p:hover{background:var(--brand); border-color:var(--brand)}
.btn.dk-g{color:var(--text); background:transparent; border-color:var(--border)}
.btn.dk-g:hover{border-color:var(--text)}
.scope{margin-top:22px; font:500 12.5px var(--dk-mono); color:var(--text-muted)}
.closing{margin:46px auto 0; max-width:28em; font:italic 400 clamp(20px,2.2vw,28px)/1.35 var(--dk-serif); color:var(--text)}
@media (max-width:760px){.dk-root{--dk-seg:88svh}
.dk-copy{left:16px; right:16px; width:auto}
.dk-copy h1{font-size:clamp(34px,10vw,46px)}
.dk-copy h2, html[lang="de"] .dk-copy h2{font-size:clamp(24px,7vw,33px); margin-bottom:.4em}
.dk-copy p{font-size:14.5px; line-height:1.5}
.dk-deskwrap{left:0; width:100%}
.dk-desk{bottom:var(--dk-lift,0px)}
.dk-band{height:1600px}
.dk-band i{display:none}
.dk-chips{display:none}
.dk-hint{margin-top:14px}
/* the header wraps to three rows on a phone; pinned, it took a third of the screen from the desk */
.site-head{position:relative}}
@media (max-width:760px) and (max-height:720px){.dk-copy p{font-size:13px}}