@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#400d7b;background:#fff4aa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #6122a6;outline-offset:6px}main{position:relative;height:100svh;min-height:600px;overflow:hidden;background:#fff4aa}header{position:absolute;z-index:5;top:0;left:0;width:100%;padding:30px 3.1%;display:flex;align-items:center;gap:65px}.brand{border:0;background:none;display:flex;align-items:center;font-size:33px;font-weight:700;letter-spacing:-1.9px;padding:0;gap:12px}.brand-dot{font-size:12px;align-self:flex-start;margin:7px 0 0 -9px}.brand-mark{position:relative;display:block;width:37px;height:37px}.brand-mark i{position:absolute;width:9px;height:9px;background:#400d7b;border-radius:50%;left:14px;top:14px;transform:rotate(calc(var(--i)*45deg)) translateY(-14px)}.top-note{font-size:9px;line-height:1.5;font-weight:700;letter-spacing:1px}.demo{margin-left:auto;font-size:9px;letter-spacing:1.3px;font-weight:600;display:flex;align-items:center;gap:9px}.demo i{height:5px;width:5px;border-radius:50%;background:#6122a6}.demo span{border-left:1px solid #400d7b40;padding-left:19px;margin-left:12px}.scene{position:absolute;top:0;right:0;bottom:0;left:0}.hero{position:absolute;z-index:2;left:5.2%;top:22%;pointer-events:none;animation:reveal .65s both}.hero button,.hero input,.hero form{pointer-events:auto}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;display:flex;gap:8px;align-items:center;margin-bottom:18px}.eyebrow>span{height:5px;width:5px;background:currentColor}.hero h1{font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif;font-size:clamp(58px,7.2vw,112px);font-weight:700;letter-spacing:-1.8px;line-height:.88;margin:0 0 22px}.hero h1 br:last-child{display:none}.hero>p{font-size:17px;letter-spacing:-.5px;margin:0 0 24px}.text-action{border:0;border-bottom:1px solid #400d7b66;background:none;font-size:9px;letter-spacing:1px;font-weight:700;padding:0 0 9px;display:flex;gap:28px;align-items:center}.text-action span{font-size:17px}.side-coordinate{position:absolute;right:2%;top:45%;font-size:8px;letter-spacing:2px;writing-mode:vertical-rl;display:flex;gap:17px}.sequence-status{position:absolute;left:50%;bottom:22%;transform:translate(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:8px;letter-spacing:1px}.sequence-status span{opacity:.35}.sequence-status .current{opacity:1;font-weight:700}.sequence-status i{width:22px;height:1px;background:#400d7b40}.token-plaque{position:absolute;right:3.2%;bottom:17%;display:grid;gap:7px;border-left:2px solid #400d7b;padding-left:12px;font-size:9px;letter-spacing:1px}.token-plaque b{font-size:12px}.token-plaque span{font-size:8px;opacity:.65}.token-plaque button{font-size:8px;text-align:left;padding:0;border:0;background:none}footer{position:absolute;bottom:0;left:3.1%;right:3.1%}nav{border-top:1px solid #400d7b35;border-bottom:1px solid #400d7b35;display:flex;justify-content:space-between}nav button{display:flex;align-items:center;gap:12px;position:relative;background:none;border:0;padding:20px 0;font-size:11px;min-width:14%;opacity:.5;text-align:left}nav button span{font-size:8px}nav button.active{opacity:1;font-weight:700}nav button i{display:none;margin-left:20px;width:5px;height:5px;border-radius:50%;background:#400d7b}nav button.active i{display:block}.footer-meta{height:43px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1px;opacity:.7}.sound{background:none;border:0;font-size:7px;letter-spacing:1px;display:flex;gap:12px}.sound span{letter-spacing:2px}.annotation{font-size:9px;line-height:2.2;letter-spacing:1px}.annotation small{letter-spacing:0}.steps{width:250px}.steps>button{display:flex;width:100%;gap:15px;padding:10px 0;background:none;border:0;border-bottom:1px solid #400d7b30;opacity:.5;font-size:13px;text-align:left}.steps>button.active{opacity:1}.steps span{font-size:9px}.steps b{margin-left:auto}.steps p{font-size:11px}.token-form{width:270px}.token-form label{font-size:8px;letter-spacing:1px}.token-form>div{display:flex;border-bottom:1px solid #400d7b;margin-top:7px}.token-form input{min-width:0;width:100%;background:none;border:0;padding:10px 0;font-size:11px;color:inherit;outline:none}.token-form>div button{background:none;border:0}.token-form>p{font-size:10px;line-height:1.6}.unavailable{display:flex;justify-content:space-between;width:100%;background:#400d7b20;border:0;padding:13px 12px;margin:16px 0 8px;cursor:not-allowed;font-size:8px;letter-spacing:.5px}.token-form small{font-size:8px}.accessible-go{position:absolute;left:-9999px}.accessible-go:focus{left:40%;top:100px;z-index:10;background:#fffbe8;padding:15px;border:1px solid}.loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#fff4aa;display:flex;flex-direction:column;gap:65px;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s}.loader.loaded{opacity:0;visibility:hidden}.loader>span{font-size:9px;letter-spacing:3px}.loading-ring{position:relative;width:80px;height:80px}.loading-ring i{position:absolute;left:31px;top:31px;width:18px;height:18px;border-radius:50%;background:#400d7b;transform:rotate(calc(var(--i)*45deg)) translateY(-35px);animation:assemble 1.1s calc(var(--i)*.08s) both}@keyframes assemble{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.hero{top:25%}.hero h1{font-size:120px}}@media(max-width:760px){main{min-height:600px}header{padding:22px 6%}.brand{font-size:27px}.brand-mark{scale:.85}.top-note{display:none}.demo{font-size:6px;letter-spacing:.6px}.demo span{display:none}.hero{top:15%;left:7%}.hero h1{font-size:62px;letter-spacing:-1px}.hero>p{font-size:13px;margin-bottom:13px}.eyebrow{font-size:7px;margin-bottom:14px}.text-action{font-size:7px;padding-bottom:5px}.side-coordinate{display:none}.sequence-status{bottom:22%;font-size:6px;gap:7px}.sequence-status i{width:15px}.token-plaque{bottom:15%;right:6%;font-size:7px}.token-plaque b{font-size:9px}.token-plaque span{font-size:6px}footer{left:6%;right:6%}nav{gap:10px}nav button{font-size:0;min-width:0;display:grid;gap:4px;padding:14px 0}nav button span{font-size:8px}nav button:after{font-size:8px;content:attr(aria-label)}nav button:nth-child(1):after{content:"Chamber"}nav button:nth-child(2):after{content:"Holders"}nav button:nth-child(3):after{content:"Shield"}nav button:nth-child(4):after{content:"Vault"}nav button:nth-child(5):after{content:"How it works"}nav button i{display:none!important}.footer-meta{height:35px;font-size:5px}.sound{font-size:6px}.token-form{width:240px}.token-form input{font-size:9px}.steps{width:200px}.hero:has(.steps) h1,.hero:has(.token-form) h1{font-size:48px}.hero:has(.steps),.hero:has(.token-form){top:14%}.annotation{font-size:7px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root,main,.loader{background:#fff5b5;color:#350963}.brand{letter-spacing:-1.8px}.brand-mark{width:46px;height:46px;overflow:hidden;border-radius:12px;isolation:isolate}.brand-mark img{position:absolute;width:76px;height:76px;max-width:none;left:-15px;top:-15px;mix-blend-mode:multiply}.hero{top:24%}.hero h1{font-size:clamp(58px,6.8vw,108px);line-height:.92;letter-spacing:-1.5px}.hero>p{font-size:16px}.eyebrow{letter-spacing:2px}.eyebrow>span{border-radius:2px;width:12px;height:4px;box-shadow:0 5px 0 currentColor,0 -5px 0 currentColor;margin-right:4px}.text-action{padding:0 0 12px}.sequence-status{left:5.2%;bottom:20%;transform:none;gap:10px}.sequence-status .current{color:#6e21b6}.sequence-status i{width:16px}.token-plaque{border-left:0;border-top:2px solid #400d7b;padding:11px 0 0;bottom:17%}.loading-vault{width:112px;height:112px;animation:vault-arrival 1.5s cubic-bezier(.2,.8,.2,1) both}.loading-vault svg{width:100%;height:100%}.loader{gap:35px}.loader>span{font-size:8px;letter-spacing:2.5px}nav button.active i{width:12px;height:4px;border-radius:1px;box-shadow:0 4px #400d7b,0 -4px #400d7b}nav button{padding:23px 0}.demo i{border-radius:1px;width:8px;height:3px;box-shadow:0 4px #6122a6,0 -4px #6122a6}@keyframes vault-arrival{0%{opacity:0;transform:translateY(22px) rotateY(35deg) scale(.75)}to{opacity:1;transform:none}}@media(max-width:760px){.hero{top:16%}.hero h1{font-size:59px}.hero>p{font-size:13px}.brand-mark{width:37px;height:37px;scale:1}.brand-mark img{width:61px;height:61px;left:-12px;top:-12px}.brand{gap:9px;font-size:26px}.sequence-status{left:7%;bottom:17%;gap:6px;font-size:5.5px}.sequence-status i{width:10px}.token-plaque{bottom:14.5%;padding-top:7px}.hero:has(.steps),.hero:has(.token-form){top:14%}nav button{padding:16px 0}}.session-header{margin-left:auto;display:flex;align-items:center;gap:22px}.network-label{font-size:8px;letter-spacing:1.5px}.session-control{display:flex;align-items:center;gap:10px;border:1px solid #400d7b45;background:#fff6bf80;padding:11px 14px;border-radius:4px;font-size:8px;letter-spacing:1px}.session-control i{width:5px;height:5px;background:#6122a6;border-radius:50%}.session-control span{font-size:13px}.product-controls{width:300px;pointer-events:auto}.asset-search label,.amount-header label,.withdraw-form>label{font-size:8px;letter-spacing:1px;font-weight:700}.asset-search>div{display:flex;border-bottom:1px solid #400d7b55;margin:6px 0 12px}.asset-search input{width:100%;min-width:0;border:0;background:none;font-size:11px;padding:10px 0;color:inherit}.asset-search button{border:0;background:none;font-size:18px}.asset-options{display:flex;gap:7px;margin:0 0 17px;max-width:100%;overflow-x:auto;padding:3px}.asset-options button{display:grid;gap:4px;padding:9px 14px;background:none;border:1px solid #400d7b35;border-radius:4px;font-size:11px;text-align:left;min-width:80px}.asset-options button.selected{border-color:#400d7b;background:#400d7b0c}.asset-options button span{font-size:7px;white-space:nowrap}.amount-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.amount-header>span{font-size:8px;opacity:.65}.amount-header button{border:0;background:none;padding:0;font-size:17px}.amount-entry{display:flex;align-items:center;border-bottom:1px solid #400d7b55}.amount-entry input{color:inherit;min-width:0;width:100%;border:0;background:none;font-size:32px;font-weight:600;padding:8px 0;outline-offset:0}.amount-entry b{font-size:13px}.amount-presets{display:flex;justify-content:flex-end;gap:7px;margin:7px 0 12px}.amount-presets button{font-size:7px;background:#400d7b0a;border:1px solid #400d7b20;padding:5px 9px;border-radius:3px}.flow-summary{display:flex;gap:20px;border-bottom:1px solid #400d7b25;padding:0 0 12px;margin-bottom:12px}.flow-summary>span{display:grid;gap:6px;font-size:8px;opacity:.8}.flow-summary b{font-size:11px}.product-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:#400d7b;color:#fff4aa;padding:14px 16px;font-size:9px;letter-spacing:1px;border-radius:4px;transition:transform .2s,background .2s}.product-action:hover{background:#6122a6;transform:translateY(-2px)}.product-action:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.45}.form-feedback{font-size:10px;line-height:1.4;margin:8px 0}.positions-label{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;border-bottom:1px solid #400d7b30;padding-bottom:10px}.position{display:flex;align-items:center;gap:10px;border-bottom:1px solid #400d7b25;padding:12px 0}.asset-dot{display:grid;place-items:center;border-radius:50%;background:#400d7b;color:#fff4aa;width:27px;height:27px;font-size:10px}.position>span:nth-child(2){display:grid;gap:5px}.position b{font-size:11px}.position small{font-size:8px;opacity:.65}.position button{margin-left:auto;font-size:8px;padding:6px 0;background:none;border:0}.withdraw-form{margin-top:12px}.withdraw-form>input{display:block;border:0;border-bottom:1px solid #400d7b50;background:none;color:inherit;padding:8px 0;width:100%;font-size:12px;margin:3px 0 10px}.withdraw-form>label{display:block}.session-balances{display:flex;gap:20px;font-size:8px;margin:12px 0 18px}.session-balances span{display:flex;gap:5px;opacity:.75}.receipt{border-left:2px solid #6122a6;padding-left:12px;display:grid;gap:8px;margin:0 0 15px}.receipt>span{font-size:8px;letter-spacing:1px}.receipt b{font-size:23px;font-weight:500}.receipt small{font-size:8px;opacity:.65}.success-actions{width:270px;pointer-events:auto}.success-actions .text-action{margin-top:16px}.activity{margin-top:15px;font-size:8px}.activity>span{letter-spacing:1px;font-size:7px}.activity>div{display:flex;justify-content:space-between;margin-top:10px}.empty-vault{padding:12px 0}.empty-vault p{font-size:12px}.empty-vault button{background:none;border:0;padding:4px 0;font-size:8px;letter-spacing:1px}main[data-view=shield] .hero,main[data-view=vault] .hero{top:17%}main[data-view=shield] .hero h1,main[data-view=vault] .hero h1{font-size:clamp(48px,5vw,74px)}main[data-view=shield] .hero>p,main[data-view=vault] .hero>p{font-size:13px;margin-bottom:20px}.steps .product-action{margin-top:20px;color:#fff4aa;background:#400d7b;opacity:1;font-size:8px;border:0;padding:13px}.footer-meta>span{font-size:8px;letter-spacing:1.3px}.sequence-status{pointer-events:none}.hero:has(.success-actions){top:20%}@media(max-width:760px){.network-label{display:none}.session-control{font-size:6px;padding:8px;gap:6px}.session-header{gap:0}.session-control span{font-size:10px}.product-controls{width:235px}.hero:has(.success-actions){top:15%}.success-actions{width:230px}.receipt b{font-size:18px}.receipt{gap:6px;margin-bottom:12px}.success-actions .product-action{padding:11px 13px;font-size:7px}.success-actions .text-action{margin-top:12px}main[data-view=shield] .hero,main[data-view=vault] .hero{top:12%}main[data-view=shield] .hero h1,main[data-view=vault] .hero h1{font-size:39px;line-height:.95;margin-bottom:12px}main[data-view=shield] .hero>p,main[data-view=vault] .hero>p{font-size:10px;margin-bottom:14px}.asset-options{margin-bottom:12px}.asset-options button{padding:7px 11px;font-size:10px;min-width:70px}.asset-search input{font-size:10px}.amount-entry input{font-size:26px;padding:6px 0}.product-action{padding:12px 13px;font-size:8px}.flow-summary{padding-bottom:9px;margin-bottom:9px}.flow-summary b{font-size:10px}.position{padding:9px 0}.withdraw-form{margin-top:9px}.withdraw-form>input{font-size:10px;padding:6px 0;margin-bottom:8px}.activity{margin-top:12px}.session-balances{margin:10px 0 14px;font-size:7px}.footer-meta>span{font-size:7px}.steps{width:235px}}@media(max-height:740px)and (min-width:761px){main[data-view=shield] .hero,main[data-view=vault] .hero{top:16%}main[data-view=shield] .hero h1,main[data-view=vault] .hero h1{font-size:52px}.asset-options{margin-bottom:10px}.amount-entry input{font-size:27px;padding:5px 0}.amount-presets{margin:6px 0}.hero>p{margin-bottom:16px}.position{padding:8px 0}.receipt b{font-size:19px}.withdraw-form>input{padding:6px 0;margin-bottom:6px}}.position-pages{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:8px;font-size:8px}.position-pages button{background:none;border:0;padding:2px 4px}.vault-controls .receipt b{font-size:17px}.vault-controls .receipt{gap:5px}.vault-controls .receipt>span{font-size:7px}main[data-view=vault] .hero h1{font-size:clamp(42px,4vw,58px)}main[data-view=vault] .hero>p{margin-bottom:15px}@media(max-width:760px){main[data-view=vault] .hero h1{font-size:36px}.vault-controls .receipt b{font-size:15px}.vault-controls .text-action{font-size:6px}}.session-tools{display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:1.3px}.session-tools button{background:none;border:0;padding:4px 0;font-size:7px;letter-spacing:.8px;opacity:.7}@media(max-width:760px){.session-tools{font-size:6px;gap:12px}.session-tools button{font-size:6px}}@media(max-height:740px)and (min-width:761px){main[data-view=shield] .hero,main[data-view=vault] .hero{top:14%}main[data-view=shield] .hero h1{font-size:48px}.asset-options{margin-bottom:8px}.asset-search>div{margin-bottom:9px}}
