@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#edf3ff;--panel:#fff;--ink:#162342;--blue:#3156c9;--sky:#cfe5ff;--green:#087c5c;--line:#bdc9de;--muted:#5d687e;--sans:"Inter",sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{z-index:100;background:var(--ink);color:#fff;padding:.8rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip:focus{transform:none}.instala-header{background:var(--panel);border-bottom:1px solid var(--line);z-index:30;grid-template-columns:240px 1fr 190px;align-items:stretch;height:82px;display:grid;position:sticky;top:0}.instala-brand{border-right:1px solid var(--line);align-items:center;gap:10px;padding:0 20px;display:flex}.instala-brand>i{background:var(--blue);color:#fff;width:38px;height:38px;font:500 .7rem var(--mono);border-radius:9px;place-items:center;font-style:normal;display:grid}.instala-brand>span{display:grid}.instala-brand small{font:400 .47rem var(--mono);color:var(--muted);margin-top:4px}.instala-header>nav{justify-content:center;display:flex}.instala-header>nav a{place-items:center;padding:0 20px;font-size:.65rem;display:grid}.instala-header>nav a:hover,.instala-header>nav a.active{background:var(--bg);color:var(--blue)}.header-help{border-left:1px solid var(--line);align-content:center;gap:6px;padding:0 15px;display:grid}.header-help span,.header-help a{font:500 .49rem var(--mono)}.header-help span{color:var(--green)}.header-help i{background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block}.header-help a{color:var(--blue)}.instala-header details{display:none}.instala-footer{background:var(--ink);color:#fff;grid-template-columns:.6fr 1fr auto;align-items:center;gap:30px;min-height:110px;padding:0 4vw;display:grid}.instala-footer span,.instala-footer a{font:400 .52rem var(--mono);color:#abb7cf}.instala-footer nav{gap:20px;display:flex}.portal-gateway{grid-template-columns:.8fr 1.2fr;gap:8vw;min-height:710px;padding:70px 5vw;display:grid}.gateway-copy>span,.portal-public header>span,.steps-head>span,.dependency-note>span,.warranty-head>div>span,.warranty-rule>span,.support-head>div>span,.support-zone header>span{font:500 .56rem var(--mono);color:var(--blue)}.gateway-copy h1,.steps-head h1,.warranty-head h1,.support-head h1{letter-spacing:-.065em;margin:45px 0;font-size:clamp(4rem,7vw,7rem);line-height:.88}.gateway-copy>p{max-width:440px;color:var(--muted);line-height:1.6}.access-form{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:70px;padding:20px;box-shadow:0 18px 45px #22438414}.access-form label{font:500 .5rem var(--mono);gap:8px;display:grid}.access-form input{border:1px solid var(--line);font:500 1.1rem var(--mono);text-transform:uppercase;border-radius:8px;padding:15px}.access-form button{background:var(--blue);color:#fff;width:100%;font:500 .54rem var(--mono);cursor:pointer;border:0;border-radius:8px;margin-top:10px;padding:14px}.access-form p,.access-form small{font:400 .48rem var(--mono);color:var(--muted)}.sample-project{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 20px 60px #2243841a}.sample-project header{font:500 .5rem var(--mono);justify-content:space-between;display:flex}.sample-project header span{color:var(--muted)}.sample-progress{background:var(--bg);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:25px;margin:45px 0;padding:35px;display:grid;position:relative}.sample-progress strong{color:var(--blue);font-size:3.5rem}.sample-progress span{font:500 .55rem/1.5 var(--mono)}.sample-progress i{background:var(--blue);width:62%;height:5px;position:absolute;bottom:0;left:0}.sample-project ol{margin:0;padding:0;list-style:none}.sample-project li{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:45px 1fr auto;gap:12px;padding:16px 0;display:grid}.sample-project li b,.sample-project li span{font:400 .52rem var(--mono)}.sample-project li.done,.sample-project li.current{color:var(--ink)}.sample-project li.current{box-shadow:inset 4px 0 var(--blue);padding-left:12px}.portal-public{background:var(--panel);padding:90px 5vw}.portal-public>header{grid-template-columns:.4fr 1.2fr;gap:7vw;display:grid}.portal-public h2{margin:0;font-size:3.8rem;line-height:.95}.portal-public>div{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:60px;display:grid}.portal-public>div a{border-right:1px solid var(--line);flex-direction:column;min-height:220px;padding:30px;display:flex}.portal-public>div span,.portal-public>div em{font:500 .5rem var(--mono);color:var(--blue);font-style:normal}.portal-public>div b{margin:60px 0 15px}.portal-public>div em{margin-top:auto}.tracker{padding:40px 4vw 90px}.tracker>header{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:.45fr 1fr;gap:7vw;padding:28px;display:grid}.tracker>header>div>span,.progress-overview>div>span{font:500 .48rem var(--mono);color:var(--muted)}.tracker>header label{margin-top:12px;display:flex}.tracker>header input{border:1px solid var(--line);text-transform:uppercase;padding:12px}.tracker>header button{background:var(--ink);color:#fff;font:500 .5rem var(--mono);cursor:pointer;border:0;padding:0 16px}.tracker>header h1{font:500 2.5rem var(--mono);margin:10px 0}.tracker>header h1 small{font:400 .8rem var(--sans)}.tracker>header p{color:var(--muted);margin:0}.progress-overview{grid-template-columns:170px 1fr auto;align-items:center;gap:40px;padding:55px 3vw;display:grid}.progress-ring{--progress:0deg;background:conic-gradient(var(--blue) var(--progress),var(--line) 0);border-radius:50%;align-content:center;place-items:center;width:145px;height:145px;display:grid;position:relative}.progress-ring:before{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:12px}.progress-ring b,.progress-ring span{position:relative}.progress-ring b{font:500 2.2rem var(--mono)}.progress-ring span{font:400 .45rem var(--mono)}.progress-overview h2{max-width:640px;font-size:2rem}.progress-overview>button{border:1px solid var(--blue);color:var(--blue);font:500 .5rem var(--mono);cursor:pointer;background:0 0;padding:14px}.project-steps{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.project-steps li{border-right:1px solid var(--line);min-height:150px;color:var(--muted);grid-template-columns:30px 1fr;gap:10px;padding:28px 20px;display:grid}.project-steps li>span{font:400 .48rem var(--mono)}.project-steps li>i{border:2px solid var(--line);border-radius:50%;width:12px;height:12px}.project-steps li.done>i{background:var(--green);border-color:var(--green)}.project-steps li.current>i{border-color:var(--blue);box-shadow:0 0 0 5px var(--sky)}.project-steps li>div{grid-column:2;gap:8px;display:grid}.project-steps li small{font:400 .48rem var(--mono)}.tracker-tabs{border-bottom:1px solid var(--line);margin-top:35px;display:flex}.tracker-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:14px 25px}.tracker-tabs button[aria-pressed=true]{color:var(--blue);border-bottom:3px solid var(--blue)}.tracker-content{background:var(--panel);border-radius:0 0 14px 14px;min-height:290px;padding:35px}.tracker-content h2{font-size:2rem}.tracker-content>p{color:var(--muted)}.tracker-content dl>div,.tracker-content>button,.agenda-item{border-top:1px solid var(--line);justify-content:space-between;margin:0;padding:15px 0;display:flex}.tracker-content dt{color:var(--muted)}.tracker-content dd{margin:0}.tracker-content>button{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0}.tracker-content>button span{color:var(--blue);font:500 .5rem var(--mono)}.agenda-item{display:grid!important}.agenda-item span{margin-top:5px}.tracker-status{min-height:24px;color:var(--blue);font-size:.6rem}.steps-head{padding:90px 5vw}.phase-board{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(5,1fr);display:grid}.phase-board article{border-right:1px solid var(--line);min-height:370px;padding:30px}.phase-board article>span{font:500 .6rem var(--mono);color:var(--blue)}.phase-board h2{margin:90px 0 35px}.phase-board p{color:var(--muted);gap:7px;display:grid}.phase-board p b{font:500 .48rem var(--mono);color:var(--ink)}.dependency-note{grid-template-columns:.4fr 1fr;gap:7vw;padding:90px 5vw;display:grid}.dependency-note h2{margin:0;font-size:3rem}.dependency-note p,.dependency-note a{grid-column:2}.dependency-note p{color:var(--muted);line-height:1.6}.dependency-note a{border-top:1px solid var(--blue);color:var(--blue);font:500 .52rem var(--mono);padding:14px 0}.warranty-head,.support-head{grid-template-columns:1fr .4fr;gap:8vw;padding:90px 5vw;display:grid}.warranty-head aside,.support-head aside{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-self:end;gap:12px;padding:25px;display:grid}.warranty-head aside b,.warranty-head aside span,.support-head aside b{font:500 .5rem var(--mono);color:var(--blue)}.warranty-vault{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:0 4vw 90px;overflow:hidden}.warranty-vault header,.warranty-vault article{grid-template-columns:.7fr 1.3fr .6fr .7fr;gap:20px;padding:20px;display:grid}.warranty-vault header{background:var(--ink);color:#fff;font:400 .48rem var(--mono)}.warranty-vault article{border-top:1px solid var(--line);align-items:center}.warranty-vault article>span,.warranty-vault article>b{font:500 .5rem var(--mono)}.warranty-vault h2{font-size:1rem}.warranty-vault button{border:1px solid var(--blue);color:var(--blue);font:500 .48rem var(--mono);cursor:pointer;background:0 0;padding:10px}.warranty-vault>p{min-height:40px;color:var(--blue);margin:0;padding:10px 20px;font-size:.55rem}.warranty-rule{background:var(--sky);grid-template-columns:.4fr 1.2fr;gap:7vw;padding:80px 5vw;display:grid}.warranty-rule p{margin:0;font-size:1.8rem;line-height:1.4}.support-head aside p{color:var(--green);font:500 .5rem var(--mono)}.support-head aside i{background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block}.support-head aside span{color:var(--muted);font-size:.62rem;line-height:1.5}.support-zone{background:var(--panel);grid-template-columns:.5fr 1.5fr;gap:8vw;padding:90px 5vw;display:grid}.support-zone h2{font-size:3rem}.support-form{grid-template-columns:1fr 1fr;gap:20px;display:grid}.support-form label{font:500 .5rem var(--mono);color:var(--muted);gap:7px;display:grid}.support-form input,.support-form select,.support-form textarea{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:7px;padding:13px}.support-form .wide,.support-form button,.support-form>p{grid-column:1/-1}.support-form button{background:var(--blue);color:#fff;font:500 .52rem var(--mono);cursor:pointer;border:0;border-radius:7px;padding:16px}.support-form>p{min-height:20px;color:var(--blue);margin:0;font-size:.55rem}:where(a,button,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #f28d35}@media (max-width:1000px){.instala-header{grid-template-columns:220px 1fr}.header-help{display:none}.portal-gateway,.portal-public>header,.dependency-note,.warranty-head,.support-head,.support-zone{grid-template-columns:1fr}.phase-board{grid-template-columns:repeat(3,1fr)}.phase-board article:nth-child(n+4){border-top:1px solid}.dependency-note p,.dependency-note a{grid-column:1}.tracker>header{grid-template-columns:1fr}.progress-overview{grid-template-columns:150px 1fr}.progress-overview>button{grid-column:2}.warranty-head aside,.support-head aside{max-width:520px}.warranty-rule{grid-template-columns:1fr}}@media (max-width:700px){.portal-gateway>*,.sample-project,.sample-progress,.phase-board article,.dependency-note>*{min-width:0}.portal-public h2{overflow-wrap:anywhere;font-size:clamp(2.5rem,12vw,3.4rem)}.sample-project header,.sample-project li,.phase-board h2,.dependency-note h2{overflow-wrap:anywhere}.instala-header{grid-template-columns:1fr auto;height:72px}.instala-header>nav{display:none}.instala-header details{display:block}.instala-header summary{background:var(--blue);color:#fff;height:71px;font:500 .5rem var(--mono);place-items:center;padding:0 18px;list-style:none;display:grid}.instala-header details nav{background:var(--panel);width:min(320px,90vw);padding:10px;display:grid;position:absolute;top:72px;right:0}.instala-header details nav a{border-bottom:1px solid var(--line);padding:14px}.portal-gateway,.portal-public,.steps-head,.dependency-note,.warranty-head,.support-head,.support-zone{padding-left:18px;padding-right:18px}.gateway-copy h1,.steps-head h1,.warranty-head h1,.support-head h1{font-size:17vw}.sample-project{padding:20px}.portal-public>div{grid-template-columns:1fr}.portal-public>div a{min-height:190px}.tracker{padding:25px 12px 70px}.tracker>header{padding:20px}.tracker>header label{flex-direction:column}.tracker>header button{padding:12px}.progress-overview{grid-template-columns:1fr;padding:35px 10px}.progress-overview>button{grid-column:1}.project-steps{grid-template-columns:1fr}.project-steps li{min-height:90px}.tracker-tabs{overflow-x:auto}.tracker-content{padding:25px 18px}.phase-board{grid-template-columns:1fr}.phase-board article{min-height:270px}.warranty-vault{margin:0 10px 70px;overflow-x:auto}.warranty-vault header,.warranty-vault article{min-width:620px}.warranty-rule p{font-size:1.4rem}.support-form{grid-template-columns:1fr}.support-form .wide,.support-form button,.support-form>p{grid-column:1}.instala-footer{grid-template-columns:1fr}.instala-footer nav{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}details:not([open]) nav{display:none!important}:is(.progress-ring>b,.progress-ring>span,article:nth-child(2)>b,article:nth-child(2)>button,article:nth-child(3)>b,article:nth-child(3)>button,article:nth-child(4)>b,article:nth-child(4)>button,article:nth-child(5)>b,article:nth-child(5)>button){z-index:12;background-color:var(--panel);background-image:linear-gradient(var(--panel),var(--panel));color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;position:relative}.progress-ring:before{content:none}.progress-ring{background:radial-gradient(circle,var(--bg) 0 41%,transparent 42%),conic-gradient(var(--blue) var(--progress),var(--line) 0)}
