:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:#172d3c;background:#f7f8f5;font-synthesis:none;font-weight:400;--navy:#172d3c;--blue:#3266dc;--amber:#f4b544;--line:#dce1df}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1:focus{outline:0}h1,h2,p{margin:0}h1,h2{font-weight:500}p{line-height:1.6}button:disabled{opacity:.55;cursor:wait}.app{min-height:100svh;display:flex;flex-direction:column}header{height:100px;margin:0 5.5%;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.wordmark{font-size:37px;font-weight:700;letter-spacing:-2.5px;line-height:1}.wordmark span{font-size:10px;vertical-align:top;display:inline-block;margin:3px 0 0 5px;letter-spacing:0}.header-title{font-size:13px;border-left:1px solid var(--line);padding-left:30px}.language{margin-left:auto;font-size:13px;padding:12px}.screen{flex:1;display:flex;flex-direction:column;justify-content:center;padding:55px 8%;width:100%;max-width:1500px;margin:auto}h1{font-size:clamp(40px,5.3vw,76px);letter-spacing:-3px;line-height:1.08}h1 span{color:var(--blue)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.intro-description{font-size:19px;color:#566670;max-width:350px;margin:26px 0 30px}.primary{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--amber);border:1px solid #e7aa3f;border-radius:5px;padding:17px 22px;font-size:14px;line-height:1.5;font-weight:600;min-height:56px;transition:transform .2s;text-align:left}.primary:hover{transform:translateY(-2px)}.primary span{font-size:23px;font-weight:400}.intro .primary{max-width:340px}.intro-note{font-size:12px;color:#63717a;margin-top:17px;max-width:310px}.blueprint{position:relative;padding:26px 30px 22px;background:#fcfcfa;border:1px solid var(--line);border-radius:8px;box-shadow:18px 22px 0 -1px #edf0eb,18px 22px 0 0 var(--line),0 20px 50px #172d3c08;transform:rotate(-2deg)}.blueprint-top{display:flex;justify-content:space-between;font-size:13px;color:var(--blue);border-bottom:1px solid var(--line);padding-bottom:20px}.blueprint-top span{color:#5f6e74;font-size:12px}.network{position:relative;padding:24px 0 12px}.network-row{position:relative;z-index:1;display:flex;align-items:center;margin:0 0 12px;gap:20px}.network-row i{width:10px;height:10px;border:2px solid var(--blue);border-radius:50%;background:#fcfcfa;flex-shrink:0}.network-row span{font-size:14px;padding:14px 18px;border:1px solid var(--line);border-radius:4px;flex:1;background:#fcfcfa;box-shadow:0 4px 8px #172d3c04}.network-row b{position:absolute;right:16px;font-weight:400;color:#5f6e74}.row-5 span{background:var(--blue);color:#fff;border-color:var(--blue)}.row-5 b{color:#fff}.row-5 i{background:var(--amber);border-color:var(--amber)}.network-spine{position:absolute;left:4px;top:48px;bottom:47px;width:2px;background:#a7bae4}.blueprint-bottom{border-top:1px solid var(--line);padding-top:17px;font-size:12px;color:#596972}.question{display:grid;grid-template-columns:160px 1fr;gap:7%;max-width:970px;width:100%;margin:auto}.question-side{padding-top:12px}.progress{display:flex;gap:5px;flex-wrap:wrap;max-width:155px}.progress i{width:7px;height:7px;border-radius:50%;background:#dce1df}.progress .filled{background:var(--blue)}.back{background:none;border:0;padding:12px 0;color:#5b6b74;font-size:13px;text-decoration:underline;text-underline-offset:5px;margin-top:22px}.question h1{font-size:clamp(35px,4.3vw,60px);max-width:720px;letter-spacing:-2px;margin-bottom:32px}.options{display:grid;gap:10px}.option{display:flex;text-align:left;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:17px 21px;min-height:59px;background:#fcfcfa;border:1px solid var(--line);border-radius:5px;transition:transform .15s}.option:hover,.option.selected{border-color:var(--blue);background:#edf2fb}.option:hover{transform:translate(3px)}.option i{width:19px;height:19px;border:1px solid #b6c3c8;border-radius:50%;flex-shrink:0;font-size:12px;text-align:center;font-style:normal}.selected i{background:var(--blue);color:#fff;border-color:var(--blue)}.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.form-layout .back{margin:0 0 30px}.form-intro{margin-top:24px;color:#63717a}.form-layout form{background:#fcfcfa;border:1px solid var(--line);border-radius:8px;padding:30px;box-shadow:0 15px 45px #172d3c05}label{display:block;font-size:13px;margin-bottom:18px}input{display:block;width:100%;margin-top:8px;border:1px solid #cbd4d4;border-radius:4px;background:#fff;padding:12px;color:var(--navy);min-height:48px}.consent{display:flex;gap:12px;align-items:start;margin:22px 0;font-size:12px;line-height:1.6}.consent input{width:18px;height:18px;min-height:0;flex-shrink:0;margin:3px 0 0;accent-color:var(--blue)}form .primary{width:100%}.privacy{font-size:12px;color:#607079;margin-top:18px}.code-screen{width:100%;max-width:520px;margin:auto;text-align:center}.code-screen h1{font-size:40px;letter-spacing:-1.5px}.code-screen>p{color:#607079;margin:20px 0 25px}.code-screen form{text-align:left;max-width:380px;margin:auto}.seal{color:var(--blue);font-size:45px;margin-bottom:25px}.otp{font-size:32px;letter-spacing:.4em;text-align:center;padding-left:22px}.result-screen{flex:1;width:100%;max-width:1300px;padding:55px 7%;margin:auto}.result-heading{margin-bottom:38px}.result-heading h1{font-size:clamp(36px,4vw,54px);letter-spacing:-2px}.result-heading p{margin-top:18px;color:#53646d}.result-heading strong{font-weight:500;color:var(--blue)}.map-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:7%;align-items:start}.map-layers{position:relative}.map-layers:before{content:"";position:absolute;top:30px;bottom:40px;left:8px;width:1px;background:#b8c8da}.map-layer{display:flex;gap:22px;position:relative;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}.map-layer h2{font-size:18px;letter-spacing:-.3px}.map-layer p{font-size:13px;color:#607079;margin-top:5px}.status{width:17px;height:17px;margin-top:4px;border:4px solid #f7f8f5;outline:1px solid currentColor;border-radius:50%;flex-shrink:0;z-index:1}.green{color:#337759;background:#337759}.yellow{color:#b17a1b;background:#e3aa3e}.red{color:#b35c4d;background:#b35c4d}.status-text{margin-left:auto;font-size:12px;color:#5b6b74;padding-top:3px}.ending{background:#edf1f7;border:1px solid #dce3ec;border-radius:7px;padding:28px;margin-top:8px}.ending-symbol{font-size:42px;color:var(--blue);margin-bottom:26px;font-weight:300}.ending h2{font-size:29px;letter-spacing:-1px;line-height:1.2}.ending p{font-size:13px;color:#607079;margin-top:16px}.ending .primary{margin-top:30px}.error{border:1px solid #bb6a57;background:#fcf1eb;padding:14px;font-size:14px;margin:24px auto 0;max-width:600px}footer{margin:0 5.5%;border-top:1px solid var(--line);padding:22px 0;display:flex;gap:25px;font-size:12px;color:#5b6b74}footer a{text-decoration:underline;text-underline-offset:3px}.enter{animation:enter .35s both}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.screen{padding-block:75px}}@media(max-width:760px){header{height:76px}.wordmark{font-size:32px}.header-title{padding-left:20px}header{gap:20px}.screen{padding:36px 6%}.intro{gap:42px;grid-template-columns:1fr}.intro h1{font-size:56px}.intro-description{font-size:16px;max-width:340px}.blueprint{max-width:420px;width:94%;margin:0 auto 25px;padding:18px 23px}.network{padding-top:18px}.network-row{margin-bottom:8px}.network-row span{padding:10px 16px;font-size:12px}.question{grid-template-columns:1fr;gap:18px}.question-side{display:flex;align-items:center;justify-content:space-between;padding:0}.question-side .back{margin:0}.progress{max-width:190px}.question h1{margin-bottom:25px;letter-spacing:-1.4px}.form-layout{grid-template-columns:1fr;gap:30px}.form-layout h1{font-size:46px}.form-layout h1 br{display:none}.form-layout .back{margin-bottom:20px}.form-layout form{padding:23px}.map-layout{grid-template-columns:1fr;gap:28px}.result-screen{padding:36px 6%}.result-heading p{font-size:14px}.ending-symbol{margin-bottom:14px}.ending h2{font-size:27px}.code-screen h1{font-size:34px}.code-screen .otp{font-size:28px}footer{flex-wrap:wrap;gap:10px 20px}.status-text{font-size:11px}.map-layer{gap:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
