:root{color-scheme:light;--paper:#f6f6f2;--white:#fffefa;--ink:#243341;--muted:#546878;--deep:#203b50;--line:#d1d9db;--lime:#b5cee4;--pad:clamp(20px,5vw,88px);font-family:"Instrument Sans",Inter,"Helvetica Neue",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);min-height:100vh}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #3b729a;outline-offset:4px}
.wrap{width:min(100%,1580px);margin:0 auto;padding-inline:var(--pad)}.masthead{border-bottom:1px solid var(--line);background:#fbfbf7}.bar{height:83px;display:flex;align-items:center;gap:26px}.identity{display:flex;gap:10px;align-items:center}.mark{width:35px;height:35px;position:relative;display:block}.mark:before,.mark:after{content:"";position:absolute;background:var(--deep);inset:0;clip-path:polygon(0 14%,27% 14%,60% 79%,47% 100%)}.mark:after{clip-path:polygon(47% 46%,65% 14%,100% 14%,61% 75%)}.wordmark{font-weight:800;letter-spacing:.06em;font-size:21px;line-height:.92}.wordmark small{display:block;font-size:8px;letter-spacing:.45em;font-weight:700;margin-top:6px}.product{border-left:1px solid #cbd6d9;padding-left:25px;font-size:14px;color:var(--muted);font-weight:600}.account{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#dbe5ee;color:#344d63;font-size:14px}.account form{margin-left:7px}.exit,.close,.reveal{display:grid;place-items:center;background:transparent;border:0;min-height:40px;min-width:40px;border-radius:6px}.exit:hover,.close:hover,.reveal:hover{background:#e8edf0}.exit-icon{width:16px;height:16px;border-left:1.7px solid;border-block:1.7px solid;border-radius:2px;position:relative;clip-path:polygon(0 0,51% 0,51% 24%,100% 24%,100% 78%,51% 78%,51% 100%,0 100%)}.exit-icon:before{content:"";position:absolute;right:1px;top:5px;width:9px;border-top:1.7px solid}.exit-icon:after{content:"";position:absolute;right:1px;top:3px;width:5px;height:5px;border-top:1.7px solid;border-right:1.7px solid;transform:rotate(45deg)}
.dashboard{padding-top:clamp(22px,3.2vw,50px);padding-bottom:56px}.hero{position:relative;isolation:isolate;overflow:hidden;background:#1d374b;color:#fafaf6;border-radius:12px;display:flex;align-items:center;min-height:clamp(215px,19vw,284px)}.hero-copy{position:relative;z-index:1;width:48%;padding:clamp(26px,4.2vw,66px);pointer-events:none}.hero h1{margin:0;font-size:clamp(42px,4.5vw,72px);letter-spacing:-.059em;line-height:1.02;font-weight:540}.hero h1 span{color:var(--lime)}.hero-copy p{font-size:clamp(15px,1.2vw,19px);line-height:1.48;letter-spacing:-.013em;margin:16px 0 0;color:#dae5ed}.drawing{position:absolute;inset:0 0 0 42%;overflow:hidden;z-index:0;background-image:linear-gradient(to right,transparent,rgba(193,220,241,.045)),linear-gradient(rgba(191,215,236,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(191,215,236,.065) 1px,transparent 1px);background-size:auto,31px 31px,31px 31px;mask-image:linear-gradient(90deg,transparent,#000 13%)}.building{display:block;width:100%;height:100%}
.quick{margin-top:clamp(27px,3.5vw,54px)}h2{margin:0;font-size:clamp(25px,2.1vw,35px);letter-spacing:-.047em;font-weight:600;line-height:1.13}.tiles{margin-top:20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.25vw,22px)}.tile{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;background:var(--white);padding:clamp(15px,1.6vw,26px);text-align:left;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;transition:transform .16s,border-color .16s,box-shadow .16s;overflow:hidden}.tile:hover{transform:translateY(-3px);border-color:#8096a6;box-shadow:0 5px 16px #1e354610}.tile.action{background:var(--lime);border-color:#a4bfd6}.tile-arrow{position:absolute;right:14px;top:12px;font-size:20px;font-weight:400;color:#637885}.tile.action .tile-arrow{color:#354f65}.tile-name{display:block;max-width:100%;text-wrap:balance;font-weight:600;line-height:1.12;letter-spacing:-.04em;font-size:clamp(20px,1.62vw,27px)}.pictogram{width:65%;max-width:101px;height:auto;aspect-ratio:1.18;pointer-events:none;margin:auto 0}.tile-name{min-height:2.24em;display:flex;align-items:flex-end}.tile:not(.action) .tile-name{min-height:2.24em}
dialog{border:1px solid var(--line);border-radius:15px;background:var(--white);color:var(--ink);max-width:min(415px,calc(100% - 34px));width:100%;padding:0;box-shadow:0 18px 70px #1e354930}dialog::backdrop{background:#0c201a68}.dialog-inner{padding:32px;position:relative}.dialog-inner .pictogram{width:85px;display:block;margin:0 0 16px}.dialog-inner h2{font-size:27px}.dialog-inner p,.login-form>p{color:var(--muted);font-size:15px;line-height:1.55;margin:12px 0 23px}.close{position:absolute;right:9px;top:9px;font-size:24px}.back,.submit{background:var(--deep);color:white;border:none;border-radius:7px;padding:12px 17px;font-size:14px;font-weight:600}.back:hover,.submit:hover{background:#2c4c65}
.login-layout{padding-block:clamp(22px,4.2vw,68px);display:grid;grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);gap:clamp(34px,7vw,116px);align-items:center;max-width:1420px}.login-art{display:block;align-self:stretch;min-height:clamp(450px,45vw,640px)}.login-art .hero-copy{width:100%;padding:clamp(28px,3.8vw,60px)}.login-art .drawing{inset:30% -4% 0 -12%;mask-image:linear-gradient(180deg,transparent,#000 30%)}.login-art h1{font-size:clamp(44px,4.9vw,78px)}.login-form{width:min(100%,410px);padding:10px 0}.login-form h2{font-size:clamp(33px,3.3vw,51px)}.login-form>p{margin-bottom:24px}.login-form label{display:block;font-size:14px;font-weight:650;margin:17px 0 7px}.login-form input{width:100%;border:1px solid #bfcbd0;background:var(--white);border-radius:6px;height:46px;padding:0 12px;color:var(--ink)}.password-field{position:relative}.password-field input{padding-right:47px}.reveal{position:absolute;top:3px;right:3px;color:var(--muted)}.reveal canvas{width:20px;height:20px}.submit{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:46px;margin-top:20px}.submit span{font-size:21px}.login-error:empty{display:none}.login-error{color:#9c3829;font-size:14px}.demo{margin-top:19px;color:var(--muted);font-size:13px}.demo summary{cursor:pointer}.demo button{margin-top:10px;background:transparent;color:var(--deep);border:1px solid var(--line);border-radius:5px;padding:7px 11px}
@media(min-width:1550px){.tiles{gap:19px}}@media(max-width:1040px) and (min-width:741px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:195px}.tile-name{font-size:23px}.hero-copy{width:54%}}
@media(max-width:740px){.bar{height:65px;gap:16px}.product{font-size:12px;padding-left:15px}.wordmark{font-size:17px}.wordmark small{font-size:7px}.mark{width:27px;height:28px}.account{gap:6px}.account form{margin-left:1px}.dashboard{padding-top:20px}.hero{min-height:182px}.hero-copy{width:59%;padding:22px}.hero h1{font-size:clamp(33px,6.4vw,47px)}.hero-copy p{font-size:14px;margin-top:10px}.drawing{left:46%;mask-image:linear-gradient(90deg,transparent,#000 22%)}.only-wide{display:none}.quick{margin-top:27px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.tile{padding:15px}.tile-name{font-size:clamp(16px,3vw,22px)}.tile-arrow{font-size:18px;right:11px;top:8px}.pictogram{width:68%}.login-layout{grid-template-columns:1fr;gap:22px;padding-block:20px 35px}.login-art{min-height:147px}.login-art .hero-copy{padding:22px;width:54%}.login-art h1{font-size:32px}.login-art .drawing{inset:0 0 0 36%;mask-image:linear-gradient(90deg,transparent,#000 23%)}.login-form{width:100%;max-width:440px;justify-self:center}.login-form>p{margin-bottom:16px}}
@media(max-width:520px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{padding:15px}.tile-name{font-size:20px}.hero-copy{width:66%}.drawing{left:49%;opacity:.78}.person{display:none}.account .exit{min-width:33px}.bar{gap:12px}.product{padding-left:12px}.login-art .drawing{opacity:1}.pictogram{max-width:77px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}