@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#fffaf3;background:#23344b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ffe79c;outline-offset:7px}.world{position:relative;isolation:isolate;min-height:780px;height:100svh;overflow:hidden;background:#23344b}.landscape{position:absolute;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:45% center;transform:scale(1.035);transition:transform 1.3s ease-out}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,transparent 25%,rgba(18,27,47,.1) 48%,rgba(16,27,48,.64) 100%),linear-gradient(180deg,rgba(13,27,48,.38),transparent 25%,transparent 73%,rgba(14,24,34,.7))}header{display:flex;justify-content:space-between;align-items:center;padding:34px 4.8%;gap:20px}.brand{position:relative;font-family:Outfit,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.5px}.brand span{font-weight:400}.brand i{height:3px;background:linear-gradient(90deg,#fd858b,#ffe896,#86efc1,#86bbff,#cda6ff);display:block;margin-top:4px;border-radius:5px}.social{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;padding:13px 19px;border:1px solid #ffffff66;border-radius:40px;background:#17263826;backdrop-filter:blur(10px)}.social svg{height:16px;width:16px;fill:currentColor}.social:hover{background:#ffffff26}.intro{position:absolute;top:29%;left:61%;right:4.8%;max-width:540px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:3.5px;margin:0 0 24px;color:#ffe8b9}h1{font-family:Outfit,sans-serif;font-size:clamp(64px,6.8vw,112px);font-weight:600;letter-spacing:-5px;line-height:.99;margin:0 0 24px;text-shadow:0 3px 28px #15284033}h1 em{font-style:normal;background:linear-gradient(100deg,#ffb6cf 3%,#ffe28e 34%,#b7f3c6 57%,#a5d7ff 78%,#d8b5ff);background-clip:text;color:transparent}.description{font-size:17px;line-height:1.65;max-width:290px;color:#fff5e6;margin:0 0 30px}.cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff8ea;color:#29384a;border-radius:50px;padding:9px 10px 9px 25px;width:fit-content;font-size:15px;font-weight:700;box-shadow:0 8px 30px #192d4426;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-4px);box-shadow:0 12px 35px #ffe4b859}.circle{border-radius:50%;background:#e9dfcf;font-size:25px;display:grid;place-items:center;width:40px;height:40px}.handle{font-size:12px;margin:15px 0 0 24px;letter-spacing:1px;color:#f3e7df}footer{position:absolute;bottom:28px;left:4.8%;right:4.8%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}footer p{letter-spacing:.3px}footer p span{color:#ffdf9f}.motion{border:1px solid #ffffff40;background:#1c30404d;color:white;padding:10px 15px;border-radius:30px;display:flex;align-items:center;gap:9px;cursor:pointer;backdrop-filter:blur(8px)}.sparkles{position:absolute;inset:0;pointer-events:none;z-index:-1}.sparkles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff2c3;box-shadow:0 0 12px 3px #ffdc9470;animation:float 8s ease-in-out infinite;opacity:0}@keyframes float{0%,100%{opacity:0;transform:translateY(20px)}40%,60%{opacity:.8}90%{transform:translateY(-65px)}}.paused .sparkles i{animation-play-state:paused}.paused .landscape{transform:scale(1.035)!important}@media(min-width:1700px){.intro{top:30%}}@media(max-width:900px){.intro{left:55%;right:5%}h1{font-size:76px}.landscape{object-position:40% center}.shade{background:linear-gradient(90deg,transparent,rgba(18,27,47,.1) 30%,rgba(16,27,48,.72)),linear-gradient(0deg,#14233266,transparent 30%)}}@media(max-width:600px){.world{min-height:820px;height:100svh}.landscape{object-position:38% top}.shade{background:linear-gradient(0deg,rgba(15,29,46,.97),rgba(20,32,49,.8) 24%,transparent 67%),linear-gradient(180deg,#1a2e485c,transparent 20%)}header{padding:24px 6%}.brand{font-size:27px}.social{padding:12px}.social>span:first-of-type{display:none}.intro{top:auto;left:7%;right:7%;bottom:115px;max-width:none}.eyebrow{font-size:11px;margin-bottom:14px;letter-spacing:3px}h1{font-size:70px;letter-spacing:-3px;line-height:1}h1 br{display:none}.description{font-size:16px;margin-bottom:22px;max-width:260px}.handle{margin-top:12px}footer{bottom:20px;left:7%;right:7%;font-size:12px}.motion{padding:10px 12px}.motion-text{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.landscape{transform:none!important}}
.contract{margin-top:26px;max-width:330px;padding:15px 17px 10px;border:1px solid #fff5df55;border-radius:16px;background:#192b4580;backdrop-filter:blur(12px)}.contract-label{display:block;font-size:12px;letter-spacing:2px;color:#ffe8b9;margin-bottom:10px}.contract-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.contract code{font-size:14px;line-height:1.5;overflow-wrap:anywhere;min-width:0;user-select:text}.contract code>span:first-child{color:#e5cfa9}.contract button{flex-shrink:0;border:1px solid #fff6df66;background:#fff8ea;color:#29384a;border-radius:8px;padding:9px 12px;cursor:pointer;font-size:14px;font-weight:700}.contract button:hover{background:#ffe4ae}.copy-status{display:block;font-size:12px;line-height:1.4;min-height:17px;margin-top:6px;color:#ffe8b9}.world{min-height:900px}@media(max-width:600px){.world{min-height:930px}.contract{margin-top:20px;max-width:330px}}@media(min-width:601px) and (max-width:900px){.intro{top:23%}}
