*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}:root{--font-sans:Geist, "Helvetica Neue", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", "SF Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--page-margin:clamp(46px, 3.7vw, 70px);--warm-black:#050201;--warm-black-lift:#070301;--warm-black-soft:#0b0401;--white:#fff8ee;--white-muted:#fff8eec7;--amber:#ffab24;--amber-soft:#ffab24cc;--champagne:#ffe7b78a;--shadow-brown:#18070073;font-family:var(--font-sans);color:var(--white);background:var(--warm-black);font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%}body{background:var(--warm-black);-webkit-user-select:none;user-select:none;min-width:320px;overflow:hidden}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:6px;border-radius:6px;outline:1px solid #fffaf2b8}.landing-page{isolation:isolate;background-color:var(--warm-black);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;min-height:100svh;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#0502016b 0%,#07030147 30%,#0b04011a 52%,#0b040100 70%),url(/doku-infra-background-final-labeled.webp?v=1)!important}.site-header{top:calc(var(--page-margin) - 8px);left:var(--page-margin);right:var(--page-margin);z-index:20;justify-content:space-between;align-items:center;display:flex;position:absolute}.brand{color:var(--white);letter-spacing:-.022em;align-items:center;gap:clamp(11px,1.1vw,16px);margin:-8px 0;padding:8px 0;font-size:clamp(17px,1.35vw,23px);font-weight:600;line-height:1;display:inline-flex}.brand-mark{fill:currentColor;flex:none;width:clamp(34px,3vw,48px);height:auto;display:block}.nav-actions{color:var(--white);letter-spacing:-.028em;align-items:center;gap:clamp(16px,1.35vw,28px);font-size:clamp(14px,1vw,18px);font-weight:500;line-height:1;display:inline-flex}.nav-actions span{color:#ffe7b75c}.nav-actions a{color:var(--white);align-items:center;margin:-12px 0;padding:12px 0;line-height:1;transition:opacity .16s;display:inline-flex;position:relative}.nav-actions a:after{content:"";opacity:0;background:currentColor;height:1px;transition:opacity .16s,transform .16s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(.88)}.nav-actions a:hover:after,.nav-actions a:focus-visible:after{opacity:.72;transform:scaleX(1)}.nav-actions .nav-request{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:-.018em;background:#0502016b;border:1px solid #ffdb9cad;border-radius:8px;justify-content:center;min-width:clamp(150px,10.4vw,180px);height:clamp(50px,3.4vw,58px);margin:0;padding:0 clamp(20px,1.8vw,34px);font-weight:600;transition:background .16s,border-color .16s,transform .16s;box-shadow:inset 0 1px #fff8ee14,0 18px 42px #05020147}.nav-actions .nav-request:after{content:none}.nav-actions .nav-request:hover{background:#14080294;border-color:#fff2d6db;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.access-button,.arrow-icon,.nav-actions a:after,.nav-actions .nav-request,.role-card{transition:none}}.hero{z-index:2;width:100%;height:100%;padding:0 var(--page-margin);pointer-events:none;align-items:center;display:flex;position:relative}.hero-copy{width:min(58vw,930px);transform:translate(clamp(6px,.45vw,8px))translateY(clamp(22px,3.6vh,42px))}.hero-kicker{color:var(--amber-soft);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;width:max-content;max-width:100%;margin:0 0 clamp(42px,3.7vw,58px);font-size:clamp(11px,.8vw,15px);font-weight:600;line-height:1}.hero h1{color:var(--white);letter-spacing:-.068em;text-wrap:balance;text-shadow:0 2px 18px #fff8ee12,0 26px 60px #08010057;width:max-content;max-width:100%;font-size:clamp(92px,10.65vw,180px);font-weight:800;line-height:.86}.hero>.hero-copy>p:not(.hero-kicker){max-width:clamp(610px,46vw,790px);color:var(--white-muted);letter-spacing:-.022em;text-wrap:balance;margin-top:clamp(28px,2.6vw,42px);font-size:clamp(22px,1.85vw,33px);font-weight:400;line-height:1.34}.access-button{width:clamp(272px,21.4vw,360px);height:clamp(66px,4.95vw,84px);color:var(--white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:-.022em;pointer-events:auto;background:linear-gradient(#fff8ee0d,#fff8ee03);border:1px solid #ffbe48d1;border-radius:8px;justify-content:space-between;align-items:center;gap:22px;margin-top:clamp(24px,1.9vw,36px);padding:0 clamp(28px,2.35vw,42px) 0 clamp(30px,2.55vw,46px);font-size:clamp(18px,1.28vw,23px);font-weight:600;line-height:1;transition:background .18s,transform .18s,border-color .18s;display:inline-flex;box-shadow:inset 0 1px #fff8ee1c,inset 0 -1px #ffab2414,0 18px 44px #05020152,0 0 0 1px #ffab240d}.access-button:hover{background:linear-gradient(#fff8ee16,#fff8ee07);border-color:#ffe7b2e6;transform:translateY(-2px)}.access-button:hover .arrow-icon{transform:translate(5px)}.arrow-icon{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;opacity:.94;flex:none;width:clamp(20px,1.6vw,25px);height:clamp(20px,1.6vw,25px);transition:transform .18s}.proof-line{color:#ffab24bd;width:max-content;max-width:100%;font-size:clamp(11px,.88vw,16px);font-family:var(--font-mono);letter-spacing:.125em;text-transform:uppercase;align-items:center;gap:clamp(17px,1.25vw,26px);margin-top:clamp(40px,3.1vw,54px);font-weight:500;line-height:1;display:flex}.proof-line span{align-items:center;display:inline-flex}.proof-line span+span:before{content:"";background:#ffab24bd;border-radius:50%;width:4px;height:4px;margin-right:clamp(17px,1.25vw,26px)}.site-footer{z-index:2;right:var(--page-margin);color:#fff8eea3;letter-spacing:-.005em;font-size:clamp(12px,.92vw,14px);font-weight:400;line-height:1.2;position:absolute;bottom:clamp(26px,2vw,34px)}.careers-hero{z-index:2;width:100%;height:100%;padding:0 var(--page-margin);pointer-events:none;grid-template-columns:minmax(0,.92fr) minmax(360px,.62fr);align-items:center;gap:clamp(48px,7vw,104px);display:grid;position:relative}.careers-copy{max-width:720px;transform:translate(clamp(0px,4.7vw,68px))translateY(clamp(-42px,-2.8vh,-22px))}.careers-copy h1{max-width:780px;color:var(--white);letter-spacing:-.064em;text-shadow:0 2px 14px #491f001f;text-wrap:balance;font-size:clamp(54px,6.8vw,104px);font-weight:800;line-height:.94}.careers-copy>p:not(.hero-kicker){max-width:560px;color:var(--white-muted);letter-spacing:-.022em;margin-top:clamp(20px,2vw,28px);font-size:clamp(18px,1.58vw,23px);font-weight:400;line-height:1.28}.roles-grid{pointer-events:auto;gap:14px;width:min(100%,500px);display:grid;transform:translateY(clamp(-28px,-2.6vh,-14px))}.role-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffb83c47;border-radius:10px;flex-direction:column;justify-content:center;min-height:clamp(118px,12.8vh,142px);padding:clamp(20px,2vw,26px);transition:background .18s,border-color .18s,transform .18s;display:flex;box-shadow:inset 0 1px #ffffff14,0 22px 46px #0902002e}.role-card:hover{background:#fff1;border-color:#ffcf7a94;transform:translate(4px)}.role-card span{color:var(--amber-soft);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:600;line-height:1}.role-card strong{color:var(--white);letter-spacing:-.032em;font-size:clamp(21px,1.7vw,26px);font-weight:600;line-height:1.06}.role-card p{color:#fff8eea8;letter-spacing:-.01em;max-width:400px;margin-top:10px;font-size:clamp(13px,1vw,15px);font-weight:400;line-height:1.42}.access-hero{z-index:2;width:100%;height:100%;padding:0 var(--page-margin);pointer-events:none;grid-template-columns:minmax(0,.95fr) minmax(320px,.48fr);align-items:center;gap:clamp(48px,7vw,104px);display:grid;position:relative}.access-copy{max-width:760px;transform:translate(clamp(0px,4.7vw,68px))translateY(clamp(-42px,-2.8vh,-22px))}.access-copy h1{max-width:780px;color:var(--white);letter-spacing:-.064em;text-shadow:0 2px 14px #491f001f;text-wrap:balance;font-size:clamp(58px,7vw,108px);font-weight:800;line-height:.92}.access-copy>p:not(.hero-kicker){max-width:600px;color:var(--white-muted);letter-spacing:-.022em;margin-top:clamp(20px,2vw,28px);font-size:clamp(18px,1.58vw,23px);font-weight:400;line-height:1.28}.access-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#ffffff09;border:1px solid #ffb83c52;border-radius:12px;flex-direction:column;justify-content:center;width:min(100%,420px);min-height:250px;padding:clamp(24px,2.6vw,34px);display:flex;transform:translateY(clamp(-28px,-2.6vh,-14px));box-shadow:inset 0 1px #ffffff14,0 24px 58px #09020033}.access-panel span{color:var(--amber-soft);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1}.access-panel p{color:#fff8eeb8;letter-spacing:-.022em;margin-top:18px;font-size:clamp(17px,1.4vw,21px);font-weight:400;line-height:1.32}.access-panel a{width:max-content;color:var(--white);letter-spacing:-.02em;align-items:center;gap:18px;margin-top:32px;font-size:clamp(16px,1.2vw,18px);font-weight:600;line-height:1;display:inline-flex}.access-panel a:hover .arrow-icon{transform:translate(5px)}@media (width<=900px){:root{--page-margin:clamp(28px, 4vw, 44px)}.hero-copy{width:min(88vw,760px);transform:translateY(-1vh)}.careers-hero{grid-template-columns:1fr;align-content:center;gap:28px}.careers-copy{max-width:720px;transform:translateY(-1vh)}.careers-copy h1{font-size:clamp(48px,9vw,76px)}.roles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,720px);transform:none}.role-card{min-height:188px}.access-hero{grid-template-columns:1fr;align-content:center;gap:28px}.access-copy{max-width:720px;transform:translateY(-1vh)}.access-copy h1{font-size:clamp(48px,9vw,78px)}.access-panel{width:min(100%,720px);min-height:190px;transform:none}}@media (width<=720px){.nav-actions{gap:7px;font-size:14px}.hero-copy{width:min(100%,580px);transform:none}.hero h1{font-size:clamp(62px,17vw,92px)}.hero>.hero-copy>p:not(.hero-kicker){max-width:420px}.proof-line{flex-wrap:wrap;max-width:330px}.site-footer{text-align:right;max-width:280px}.careers-hero{gap:20px}.careers-copy h1{font-size:clamp(38px,10vw,58px)}.careers-copy>p:not(.hero-kicker){max-width:520px;font-size:16px}.roles-grid{grid-template-columns:1fr;gap:8px}.role-card{min-height:104px;padding:16px}.role-card span{margin-bottom:8px}.role-card p{margin-top:6px;font-size:12px;line-height:1.32}.access-hero{gap:20px}.access-copy h1{font-size:clamp(40px,11vw,60px)}.access-copy>p:not(.hero-kicker){max-width:520px;font-size:16px}.access-panel{min-height:176px;padding:20px}.access-panel p{font-size:15px}}@media (width<=560px){:root{--page-margin:clamp(24px, 6vw, 30px)}.brand{gap:0}.brand span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand-mark{width:34px}.nav-actions{gap:10px;font-size:13px}.nav-actions span{display:none}.nav-actions .nav-request{min-width:132px;height:48px;padding:0 16px}}.landing-page{background-color:var(--warm-black);background-position:50%;background-repeat:no-repeat;background-size:cover,cover;background-image:linear-gradient(90deg,#0502016b 0%,#07030147 30%,#0b04011a 52%,#0b040100 70%),url(/doku-infra-background-final-labeled.webp?v=1)!important}.landing-page:before,.landing-page:after{content:none!important;display:none!important}.infrastructure-field,.rack-grid,.panel-noise,.trace-field,.nodes,.micro-labels{display:none!important}