/* Layout and illustrations from the user-supplied September 24 design. */

body{margin:0;background:#F5F5F7;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif;color:#1D1D1F;-webkit-font-smoothing:antialiased}
a{color:#1D4ED8;text-decoration:none}a:hover{color:#1E3A8A}
button{font-family:inherit;cursor:pointer}
.glass{isolation:isolate;background:rgba(255,255,255,0.55);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,0.8);box-shadow:inset 0 1px 0 rgba(255,255,255,0.95),inset 0 -1px 1px rgba(255,255,255,0.35),0 1px 2px rgba(16,24,64,0.04),0 18px 48px rgba(16,24,64,0.10)}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 45%);pointer-events:none;z-index:-1}
.glass-strong{isolation:isolate;background:rgba(255,255,255,0.74);-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,0.92);box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(16,24,64,0.06),0 40px 100px rgba(16,24,64,0.18)}
.glass-strong::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 30%);pointer-events:none;z-index:-1}
.glass-dark{isolation:isolate;background:rgba(255,255,255,0.06);-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18),0 20px 50px rgba(0,0,0,0.35)}
.glass-dark::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,0.10) 0%,rgba(255,255,255,0) 40%);pointer-events:none;z-index:-1}
.btn-primary{box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),0 10px 30px rgba(31,91,255,0.35)}

.d0{position: relative; width: 1440px; height: 8000px; overflow: hidden; background: #F5F5F7; display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', sans-serif; color: #1D1D1F;}
.d1{position: absolute; top: -300px; left: -240px; width: 960px; height: 960px; border-radius: 50%; background: radial-gradient(closest-side, #1F5BFF, rgba(255,255,255,0)); opacity: 0.28; filter: blur(30px);}
.d2{position: absolute; top: 120px; right: -280px; width: 880px; height: 880px; border-radius: 50%; background: radial-gradient(closest-side, #FF6B57, rgba(255,255,255,0)); opacity: 0.20; filter: blur(30px);}
.d3{position: absolute; top: 1000px; left: 300px; width: 900px; height: 600px; border-radius: 50%; background: radial-gradient(closest-side, #1F5BFF, rgba(255,255,255,0)); opacity: 0.32; filter: blur(40px);}
.d4{position: absolute; top: 1900px; right: -200px; width: 800px; height: 800px; border-radius: 50%; background: radial-gradient(closest-side, #FF6B57, rgba(255,255,255,0)); opacity: 0.30; filter: blur(40px);}
.d5{position: absolute; top: 2700px; left: -300px; width: 800px; height: 800px; border-radius: 50%; background: radial-gradient(closest-side, #1F5BFF, rgba(255,255,255,0)); opacity: 0.28; filter: blur(40px);}
.d6{position: absolute; top: 4600px; right: -260px; width: 820px; height: 820px; border-radius: 50%; background: radial-gradient(closest-side, #1F5BFF, rgba(255,255,255,0)); opacity: 0.26; filter: blur(40px);}
.d7{position: absolute; top: 5700px; left: -260px; width: 780px; height: 780px; border-radius: 50%; background: radial-gradient(closest-side, #FF6B57, rgba(255,255,255,0)); opacity: 0.28; filter: blur(40px);}
.d8{position: absolute; top: 7000px; left: 220px; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(closest-side, #1F5BFF, rgba(255,255,255,0)); opacity: 0.55; filter: blur(30px);}
.d9{position: absolute; top: 7050px; right: 180px; width: 640px; height: 640px; border-radius: 50%; background: radial-gradient(closest-side, #FF6B57, rgba(255,255,255,0)); opacity: 0.55; filter: blur(30px);}
.d10{position: absolute; top: 20px; left: 0; right: 0; display: flex; justify-content: center; z-index: 20;}
.d11{position: relative; width: 1200px; height: 62px; box-sizing: border-box; border-radius: 31px; padding: 0 9px 0 20px; display: flex; align-items: center; gap: 32px;}
.d12{display: flex; align-items: center; gap: 10px; color: #1D1D1F;}
.d13{font-size: 19px; font-weight: 700; letter-spacing: -0.02em;}
.d14{flex-grow: 1; display: flex; justify-content: center; gap: 30px; font-size: 14px; font-weight: 500;}
.d15{color: #1D1D1F;}
.d16{height: 44px; padding: 0 20px; border-radius: 22px; background: #1F5BFF; color: #FFFFFF; font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px;}
.d17{position: relative; padding: 136px 120px 24px; display: flex; flex-direction: column; align-items: center; text-align: center;}
.d18{position: relative; height: 36px; padding: 0 6px 0 6px; border-radius: 18px; display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: #1D1D1F;}
.d19{height: 24px; padding: 0 10px; border-radius: 12px; background: #FF6B57; color: #FFFFFF; display: flex; align-items: center; font-size: 12px; font-weight: 700;}
.d20{margin-right: 8px;}
.d21{margin: 26px 0 0; font-size: 104px; line-height: 0.98; font-weight: 700; letter-spacing: -0.05em;}
.d22{display: block;}
.d23{display: block; background: linear-gradient(90deg, #1F5BFF 0%, #7A5CFF 50%, #FF6B57 100%); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: 8px;}
.d24{margin: 22px 0 0; max-width: 720px; font-size: 24px; line-height: 1.4; color: #515154; letter-spacing: -0.01em;}
.d25{margin-top: 34px; display: flex; gap: 14px;}
.d26{height: 58px; padding: 0 30px; border-radius: 29px; background: #1F5BFF; color: #FFFFFF; font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 10px;}
.d27{position: relative; height: 58px; padding: 0 28px; border-radius: 29px; color: #1D1D1F; font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 10px;}
.d28{margin-top: 20px; display: flex; gap: 22px; font-size: 14px; color: #515154;}
.d29{display: flex; align-items: center; gap: 6px;}
.d30{position: relative; margin-top: 56px; width: 1200px; height: 720px; text-align: left;}
.d31{position: absolute; inset: 0; border-radius: 26px; overflow: hidden; display: flex; flex-direction: column;}
.d32{height: 52px; flex-shrink: 0; display: flex; align-items: center; padding: 0 18px; gap: 8px; border-bottom: 1px solid rgba(0,0,0,0.06);}
.d33{width: 12px; height: 12px; border-radius: 6px; background: #FF5F57;}
.d34{width: 12px; height: 12px; border-radius: 6px; background: #FEBC2E;}
.d35{width: 12px; height: 12px; border-radius: 6px; background: #28C840;}
.d36{flex-grow: 1; text-align: center; font-size: 13px; font-weight: 600;}
.d37{height: 30px; padding: 0 14px; border-radius: 15px; background: #1F5BFF; color: #FFFFFF; font-size: 13px; font-weight: 600; display: flex; align-items: center;}
.d38{flex-grow: 1; display: flex;}
.d39{width: 240px; flex-shrink: 0; box-sizing: border-box; padding: 18px 12px; background: rgba(246,247,251,0.6); border-right: 1px solid rgba(0,0,0,0.06); display: flex; flex-direction: column; gap: 4px; font-size: 13px;}
.d40{padding: 0 10px 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #6E6E73;}
.d41{height: 34px; padding: 0 10px; border-radius: 9px; background: rgba(31,91,255,0.12); display: flex; align-items: center; gap: 9px; font-weight: 600;}
.d42{flex-grow: 1;}
.d43{color: #6E6E73; font-weight: 500;}
.d44{height: 34px; padding: 0 10px; display: flex; align-items: center; gap: 9px;}
.d45{color: #6E6E73;}
.d46{padding: 22px 10px 10px; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #6E6E73;}
.d47{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 6px;}
.d48{height: 66px; border-radius: 8px; background: #FFFFFF; border: 2px solid #1F5BFF; box-sizing: border-box;}
.d49{height: 66px; border-radius: 8px; background: #E8EAF0;}
.d50{position: relative; width: 700px; flex-shrink: 0; background: #ECEEF3;}
.d51{position: absolute; left: 50px; top: 40px; width: 600px; height: 420px; border-radius: 12px; background: #FFFFFF; box-shadow: 0 10px 30px rgba(16,24,64,0.12); overflow: hidden;}
.d52{height: 40px; background: #F4F5F8; display: flex; align-items: center; gap: 8px; padding: 0 16px;}
.d53{width: 60px; height: 10px; border-radius: 5px; background: #D9DCE3;}
.d54{width: 40px; height: 10px; border-radius: 5px; background: #E4E6EB;}
.d55{position: absolute; left: 28px; top: 62px; font-size: 20px; font-weight: 700;}
.d56{position: absolute; left: 28px; top: 106px; font-size: 12px; color: #6E6E73;}
.d57{position: absolute; left: 28px; top: 126px; width: 300px; height: 40px; box-sizing: border-box; border: 1px solid #D9DCE3; border-radius: 8px; padding: 0 12px; display: flex; align-items: center; font-size: 13px; color: #6E6E73;}
.d58{position: absolute; left: 28px; top: 182px; font-size: 12px; color: #6E6E73;}
.d59{position: absolute; left: 28px; top: 204px; width: 300px; height: 40px; box-sizing: border-box; border: 1px solid #D9DCE3; border-radius: 8px; padding: 0 12px; display: flex; align-items: center;}
.d60{width: 200px; height: 18px; border-radius: 4px; background: repeating-linear-gradient(90deg, #9AA0AE 0 6px, #C6CAD4 6px 12px); filter: blur(3px);}
.d61{position: absolute; left: 28px; top: 272px; width: 300px; height: 44px; border-radius: 10px; background: #1D1D1F; color: #FFFFFF; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.d62{position: absolute; left: 360px; top: 64px; width: 212px; height: 210px; box-sizing: border-box; border-radius: 10px; background: #F7F8FA; padding: 18px; display: flex; flex-direction: column; gap: 12px;}
.d63{font-size: 13px; font-weight: 700;}
.d64{display: flex; justify-content: space-between; font-size: 12px; color: #515154;}
.d65{height: 1px; background: #E1E3E8;}
.d66{display: flex; justify-content: space-between; font-size: 14px; font-weight: 700;}
.d67{position: absolute; left: 378px; top: 70px;}
.d68{position: absolute; left: 0; top: 0;}
.d69{position: absolute; left: 63px; top: 229px; width: 30px; height: 30px; border-radius: 15px; background: #FF6B57; color: #FFFFFF; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px #FFFFFF;}
.d70{position: absolute; left: 363px; top: 297px; width: 30px; height: 30px; border-radius: 15px; background: #FF6B57; color: #FFFFFF; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px #FFFFFF;}
.d71{position: absolute; left: 440px; top: 396px; width: 220px; box-sizing: border-box; padding: 10px 14px; border-radius: 12px; background: #FFFFFF; border: 2px solid #FF6B57; font-size: 13px; line-height: 1.35; font-weight: 600; box-shadow: 0 8px 20px rgba(16,24,64,0.12);}
.d72{position: absolute; left: 110px; bottom: 26px; height: 56px; box-sizing: border-box; padding: 0 8px; border-radius: 28px; display: flex; align-items: center; gap: 4px;}
.d73{width: 40px; height: 40px; border-radius: 20px; background: #1F5BFF; color: #FFFFFF; display: flex; align-items: center; justify-content: center;}
.d74{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.d75{width: 1px; height: 26px; background: rgba(0,0,0,0.12); margin: 0 6px;}
.d76{width: 22px; height: 22px; border-radius: 11px; background: #FF6B57; box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3.5px #FF6B57; margin: 0 5px;}
.d77{width: 22px; height: 22px; border-radius: 11px; background: #1F5BFF; margin: 0 5px;}
.d78{width: 22px; height: 22px; border-radius: 11px; background: #1D1D1F; margin: 0 13px 0 5px;}
.d79{flex-grow: 1; box-sizing: border-box; padding: 18px 16px; background: rgba(246,247,251,0.6); border-left: 1px solid rgba(0,0,0,0.06); display: flex; flex-direction: column; gap: 10px;}
.d80{padding: 0 4px 6px; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #6E6E73;}
.d81{padding: 12px; border-radius: 12px; background: #FFFFFF; display: flex; gap: 10px; font-size: 13px; line-height: 1.4;}
.d82{flex-shrink: 0; width: 22px; height: 22px; border-radius: 11px; background: #FF6B57; color: #FFFFFF; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.d83{flex-shrink: 0;}
.d84{position: absolute; left: -56px; top: 150px; height: 48px; padding: 0 18px 0 14px; border-radius: 24px; display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600;}
.d85{color: #6E6E73; font-weight: 500; font-variant-numeric: tabular-nums;}
.d86{position: absolute; right: -64px; top: 250px; width: 256px; box-sizing: border-box; padding: 16px; border-radius: 22px; display: flex; flex-direction: column; gap: 10px;}
.d87{display: flex; align-items: center; gap: 10px;}
.d88{width: 34px; height: 34px; border-radius: 10px; background: #1F5BFF; color: #FFFFFF; display: flex; align-items: center; justify-content: center;}
.d89{display: flex; flex-direction: column;}
.d90{font-size: 12px; color: #515154;}
.d91{font-size: 14px; font-weight: 700;}
.d92{display: flex; gap: 6px;}
.d93{flex-grow: 1; height: 44px; border-radius: 8px; background: #FFFFFF;}
.d94{flex-grow: 1; height: 44px; border-radius: 8px; background: #FFFFFF; border: 2px solid #1F5BFF; box-sizing: border-box;}
.d95{position: absolute; right: 70px; bottom: -34px; height: 68px; padding: 0 22px 0 14px; border-radius: 34px; display: flex; align-items: center; gap: 12px;}
.d96{width: 40px; height: 40px; border-radius: 20px; background: #FF6B57; color: #FFFFFF; display: flex; align-items: center; justify-content: center;}
.d97{font-size: 15px; font-weight: 700;}
.d98{font-size: 13px; color: #515154;}
.d99{position: relative; padding: 48px 120px 24px; display: flex; flex-direction: column; align-items: center; gap: 26px;}
.d100{font-size: 15px; font-weight: 600; color: #6E6E73;}
.d101{position: relative; width: 1200px; box-sizing: border-box; border-radius: 28px; padding: 28px 12px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));}
.d102{display: flex; flex-direction: column; align-items: center; gap: 4px; border-right: 1px solid rgba(0,0,0,0.08);}
.d103{font-size: 40px; font-weight: 700; letter-spacing: -0.03em;}
.d104{font-size: 14px; color: #515154;}
.d105{display: flex; flex-direction: column; align-items: center; gap: 4px;}
.d106{position: relative; padding: 72px 120px 24px; display: flex; flex-direction: column; align-items: center;}
.d107{position: relative; height: 32px; padding: 0 14px; border-radius: 16px; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600;}
.d108{width: 7px; height: 7px; border-radius: 4px; background: #1F5BFF;}
.d109{margin: 18px 0 0; font-size: 64px; line-height: 1.04; font-weight: 700; letter-spacing: -0.04em; text-align: center; max-width: 960px;}
.d110{margin-top: 56px; width: 1200px; display: flex; gap: 32px; align-items: stretch;}
.d111{width: 400px; flex-shrink: 0; display: flex; flex-direction: column; gap: 10px;}
.d112{position: relative; text-align: left; border: 1px solid transparent; background: transparent; box-shadow: none; border-radius: 22px; padding: 20px 22px; display: flex; gap: 16px; color: #1D1D1F;}
.d113{flex-shrink: 0; width: 44px; height: 44px; border-radius: 13px; background: rgba(0,0,0,0.06); color: #1D1D1F; display: flex; align-items: center; justify-content: center;}
.d114{display: flex; flex-direction: column; gap: 4px;}
.d115{font-size: 20px; font-weight: 700; letter-spacing: -0.01em;}
.d116{font-size: 15px; line-height: 1.45; color: #515154;}
.d117{position: relative; flex-grow: 1; height: 520px; border-radius: 32px; overflow: hidden;}
.d118{position: absolute; inset: 0; background: linear-gradient(135deg, #DCE5FF 0%, #F3E9FF 50%, #FFE2DC 100%);}
.d119{position: absolute; left: 50px; top: 60px; width: 400px; height: 280px; border-radius: 14px; background: #FFFFFF; box-shadow: 0 16px 40px rgba(16,24,64,0.14); padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px;}
.d120{width: 120px; height: 12px; border-radius: 6px; background: #D9DCE3;}
.d121{width: 300px; height: 12px; border-radius: 6px; background: #E6E8EE;}
.d122{width: 240px; height: 12px; border-radius: 6px; background: #E6E8EE;}
.d123{margin-top: 10px; width: 100%; height: 120px; border-radius: 10px; background: #EEF1F8;}
.d124{position: absolute; left: 330px; top: 210px; width: 380px; height: 270px; border-radius: 14px; background: #FFFFFF; box-shadow: 0 16px 40px rgba(16,24,64,0.14); padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px;}
.d125{width: 90px; height: 12px; border-radius: 6px; background: #D9DCE3;}
.d126{width: 280px; height: 12px; border-radius: 6px; background: #E6E8EE;}
.d127{margin-top: 6px; width: 140px; height: 40px; border-radius: 10px; background: #1F5BFF;}
.d128{position: absolute; left: 190px; top: 130px; width: 360px; height: 250px; box-shadow: 0 0 0 2000px rgba(12,16,32,0.38); border: 1.5px solid #FFFFFF; box-sizing: border-box;}
.d129{position: absolute; left: -5px; top: -5px; width: 9px; height: 9px; background: #FFFFFF; border-radius: 2px;}
.d130{position: absolute; right: -5px; top: -5px; width: 9px; height: 9px; background: #FFFFFF; border-radius: 2px;}
.d131{position: absolute; left: -5px; bottom: -5px; width: 9px; height: 9px; background: #FFFFFF; border-radius: 2px;}
.d132{position: absolute; right: -5px; bottom: -5px; width: 9px; height: 9px; background: #FFFFFF; border-radius: 2px;}
.d133{position: absolute; left: 50%; bottom: -44px; transform: translateX(-50%); height: 28px; padding: 0 12px; border-radius: 14px; background: rgba(20,22,30,0.72); color: #FFFFFF; font-size: 12px; font-weight: 600; display: flex; align-items: center; font-variant-numeric: tabular-nums; white-space: nowrap;}
.d134{position: absolute; right: -16px; bottom: -16px;}
.d135{position: absolute; left: 24px; bottom: 24px; width: 260px; box-sizing: border-box; border-radius: 20px; padding: 10px; display: flex; flex-direction: column; gap: 2px; font-size: 14px;}
.d136{padding: 6px 10px; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #515154;}
.d137{height: 36px; padding: 0 10px; border-radius: 10px; background: #1F5BFF; color: #FFFFFF; display: flex; align-items: center; gap: 8px; font-weight: 600;}
.d138{height: 36px; padding: 0 10px 0 34px; display: flex; align-items: center;}
.d139{height: 36px; padding: 0 10px; display: flex; align-items: center; gap: 8px; color: #1D4ED8; font-weight: 600;}
.d140{position: absolute; inset: 0; background: #ECEEF3;}
.d141{position: absolute; left: 44px; top: 44px; width: 500px; height: 380px; border-radius: 14px; background: #FFFFFF; box-shadow: 0 12px 32px rgba(16,24,64,0.12); padding: 26px; box-sizing: border-box; display: flex; flex-direction: column; gap: 14px;}
.d142{font-size: 20px; font-weight: 700;}
.d143{display: flex; justify-content: space-between; align-items: center; height: 44px; border-bottom: 1px solid #EEF0F4; font-size: 14px;}
.d144{width: 44px; height: 26px; border-radius: 13px; background: #34C759;}
.d145{width: 180px; height: 16px; border-radius: 4px; background: #1D1D1F;}
.d146{margin-top: 8px; width: 160px; height: 42px; border-radius: 10px; background: #D9DCE3;}
.d147{position: absolute; left: 50px; top: 322px; width: 30px; height: 30px; border-radius: 15px; background: #FF6B57; color: #FFFFFF; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px #FFFFFF;}
.d148{position: absolute; left: 60px; top: 330px; width: 180px; height: 58px; border: 3px solid #FF6B57; border-radius: 14px; box-sizing: border-box;}
.d149{position: absolute; left: 420px; top: 436px; padding: 10px 14px; border-radius: 12px; background: #FFFFFF; border: 2px solid #FF6B57; font-size: 13px; font-weight: 600; box-shadow: 0 8px 20px rgba(16,24,64,0.12);}
.d150{position: absolute; right: 22px; top: 44px; width: 180px; box-sizing: border-box; border-radius: 20px; padding: 16px; display: flex; flex-direction: column; gap: 14px; font-size: 12px;}
.d151{display: flex; flex-direction: column; gap: 8px;}
.d152{font-weight: 700; color: #515154;}
.d153{display: flex; gap: 8px;}
.d154{width: 22px; height: 22px; border-radius: 11px; background: #FF6B57; box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3.5px #FF6B57;}
.d155{width: 22px; height: 22px; border-radius: 11px; background: #1F5BFF;}
.d156{width: 22px; height: 22px; border-radius: 11px; background: #FFCC00;}
.d157{width: 22px; height: 22px; border-radius: 11px; background: #1D1D1F;}
.d158{position: relative; height: 6px; border-radius: 3px; background: rgba(0,0,0,0.1);}
.d159{position: absolute; left: 0; top: 0; width: 55%; height: 6px; border-radius: 3px; background: #1F5BFF;}
.d160{position: absolute; left: calc(55% - 9px); top: -6px; width: 18px; height: 18px; border-radius: 9px; background: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,0.25);}
.d161{flex-grow: 1; height: 30px; border-radius: 8px; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0,0,0,0.12); display: flex; align-items: center; justify-content: center; font-weight: 600;}
.d162{flex-grow: 1; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #515154;}
.d163{position: absolute; inset: 0; background: #F2F3F7; padding: 30px; box-sizing: border-box; display: flex; flex-direction: column; gap: 20px;}
.d164{display: flex; align-items: center; gap: 12px;}
.d165{width: 44px; height: 44px; border-radius: 13px; background: #1F5BFF; color: #FFFFFF; display: flex; align-items: center; justify-content: center;}
.d166{position: relative; height: 36px; padding: 0 14px; border-radius: 18px; display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600;}
.d167{flex-grow: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}
.d168{position: relative; flex-grow: 1; border-radius: 12px; background: #FFFFFF; box-shadow: 0 4px 14px rgba(16,24,64,0.08);}
.d169{position: absolute; left: 10px; top: 10px; width: 24px; height: 24px; border-radius: 12px; background: #FF6B57; color: #FFFFFF; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.d170{position: relative; flex-grow: 1; border-radius: 12px; background: #FFFFFF; box-shadow: 0 4px 14px rgba(16,24,64,0.08); border: 2px solid #1F5BFF; box-sizing: border-box;}
.d171{flex-grow: 1; border-radius: 12px; border: 2px dashed rgba(31,91,255,0.45); display: flex; align-items: center; justify-content: center; color: #1F5BFF; font-size: 30px; font-weight: 300;}
.d172{position: absolute; inset: 0; background: linear-gradient(135deg, #E3E9FF 0%, #FFE6E0 100%); display: flex; align-items: center; justify-content: center;}
.d173{position: relative; width: 440px; box-sizing: border-box; border-radius: 26px; padding: 26px; display: flex; flex-direction: column; gap: 14px;}
.d174{font-size: 18px; font-weight: 700;}
.d175{height: 54px; padding: 0 14px; border-radius: 14px; background: #FFFFFF; border: 2px solid #1F5BFF; box-sizing: border-box; display: flex; align-items: center; gap: 12px;}
.d176{width: 20px; height: 20px; border-radius: 10px; border: 6px solid #1F5BFF; box-sizing: border-box;}
.d177{font-size: 15px; font-weight: 600; flex-grow: 1;}
.d178{height: 54px; padding: 0 14px; border-radius: 14px; background: rgba(255,255,255,0.6); display: flex; align-items: center; gap: 12px;}
.d179{width: 20px; height: 20px; border-radius: 10px; border: 2px solid #A1A1A6; box-sizing: border-box;}
.d180{padding: 3px 8px; border-radius: 8px; background: #1D1D1F; color: #FFFFFF; font-size: 11px; font-weight: 700;}
.d181{display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding: 4px 2px;}
.d182{position: relative; width: 44px; height: 26px; border-radius: 13px; background: #34C759;}
.d183{position: absolute; right: 2px; top: 2px; width: 22px; height: 22px; border-radius: 11px; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0,0,0,0.25);}
.d184{display: flex; gap: 10px; justify-content: flex-end;}
.d185{height: 40px; padding: 0 18px; border-radius: 20px; background: rgba(0,0,0,0.06); display: flex; align-items: center; font-size: 14px; font-weight: 600;}
.d186{height: 40px; padding: 0 22px; border-radius: 20px; background: #1F5BFF; color: #FFFFFF; display: flex; align-items: center; font-size: 14px; font-weight: 600;}
.d187{width: 7px; height: 7px; border-radius: 4px; background: #FF6B57;}
.d188{margin: 18px 0 0; font-size: 64px; line-height: 1.04; font-weight: 700; letter-spacing: -0.04em; text-align: center;}
.d189{margin: 16px 0 0; font-size: 21px; color: #515154; text-align: center;}
.d190{margin-top: 52px; width: 1200px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px;}
.d191{position: relative; border-radius: 26px; padding: 14px 14px 22px; display: flex; flex-direction: column; gap: 12px;}
.d192{height: 108px; border-radius: 16px; background: rgba(255,255,255,0.7); display: flex; align-items: center; justify-content: center;}
.d193{padding: 0 8px; font-size: 19px; font-weight: 700;}
.d194{padding: 0 8px; font-size: 14px; line-height: 1.45; color: #515154;}
.d195{padding: 10px 14px; border-radius: 10px; border: 2.5px solid #FF6B57; background: #FFFFFF; font-size: 15px; font-weight: 700;}
.d196{height: 108px; border-radius: 16px; background: rgba(255,255,255,0.7); display: flex; align-items: center; justify-content: center; gap: 16px;}
.d197{width: 70px; height: 52px; border-radius: 10px; border: 4px solid #1F5BFF; box-sizing: border-box;}
.d198{width: 60px; height: 60px; border-radius: 30px; border: 4px solid #FF6B57; box-sizing: border-box;}
.d199{width: 40px; height: 40px; border-radius: 20px; background: #FF6B57; color: #FFFFFF; font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.d200{width: 22px; height: 3px; background: #FF6B57; opacity: 0.5;}
.d201{height: 108px; border-radius: 16px; background: rgba(255,255,255,0.7); display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 0 28px;}
.d202{width: 150px; height: 10px; border-radius: 5px; background: #C9CDD6;}
.d203{position: relative; width: 170px; height: 10px; border-radius: 5px; background: #8E93A0; box-shadow: 0 0 0 7px rgba(255,107,87,0.28);}
.d204{width: 120px; height: 10px; border-radius: 5px; background: #C9CDD6;}
.d205{height: 108px; border-radius: 16px; background: rgba(255,255,255,0.7); display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 0 28px;}
.d206{display: flex; gap: 10px; align-items: center;}
.d207{width: 50px; height: 10px; border-radius: 5px; background: #C9CDD6;}
.d208{width: 120px; height: 18px; border-radius: 4px; background: #1D1D1F;}
.d209{width: 90px; height: 18px; border-radius: 4px; background: #1D1D1F;}
.d210{width: 130px; height: 20px; border-radius: 5px; background: repeating-linear-gradient(90deg, #7C8290 0 7px, #B9BEC9 7px 14px); filter: blur(3px);}
.d211{width: 100px; height: 20px; border-radius: 5px; background: repeating-linear-gradient(90deg, #7C8290 0 7px, #B9BEC9 7px 14px); filter: blur(3px);}
.d212{position: relative; padding: 72px 24px 24px; display: flex; justify-content: center;}
.d213{position: relative; width: 1392px; box-sizing: border-box; border-radius: 48px; background: #0B0E17; overflow: hidden; padding: 72px 96px 64px; display: flex; flex-direction: column; align-items: center; text-align: center;}
.d214{position: absolute; top: -220px; left: -120px; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(closest-side, #1F5BFF, rgba(11,14,23,0)); opacity: 0.55; filter: blur(20px);}
.d215{position: absolute; bottom: -260px; right: -100px; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(closest-side, #FF6B57, rgba(11,14,23,0)); opacity: 0.45; filter: blur(20px);}
.d216{position: relative; height: 32px; padding: 0 14px; border-radius: 16px; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #FFFFFF;}
.d217{position: relative; margin: 20px 0 0; font-size: 64px; line-height: 1.04; font-weight: 700; letter-spacing: -0.04em; color: #FFFFFF; max-width: 900px;}
.d218{position: relative; margin: 18px 0 0; font-size: 21px; line-height: 1.45; color: #B4B8C4; max-width: 680px;}
.d219{position: relative; margin-top: 44px; width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; text-align: left;}
.d220{position: relative; border-radius: 26px; padding: 28px; display: flex; flex-direction: column; gap: 12px; color: #FFFFFF;}
.d221{margin: 0; font-size: 15px; line-height: 1.5; color: #B4B8C4;}
.d222{position: relative; padding: 72px 120px 24px; display: flex; justify-content: center;}
.d223{width: 1200px; display: flex; gap: 56px; align-items: center;}
.d224{width: 360px; flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 18px;}
.d225{margin: 0; font-size: 54px; line-height: 1.05; font-weight: 700; letter-spacing: -0.04em;}
.d226{margin: 0; font-size: 19px; line-height: 1.5; color: #515154;}
.d227{position: relative; flex-grow: 1; box-sizing: border-box; border-radius: 32px; padding: 10px 10px 6px; display: flex; flex-direction: column;}
.d228{display: grid; grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); align-items: center; height: 64px; padding: 0 28px;}
.d229{font-size: 14px; font-weight: 700; color: #515154; text-transform: uppercase; letter-spacing: 0.04em;}
.d230{justify-self: center; display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700;}
.d231{justify-self: center; font-size: 15px; font-weight: 600; color: #515154; text-align: center;}
.d232{display: grid; grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); align-items: center; height: 52px; padding: 0 28px; border-top: 1px solid rgba(0,0,0,0.06); font-size: 16px;}
.d233{font-weight: 500;}
.d234{justify-self: center; width: 28px; height: 28px; border-radius: 14px; background: #1F5BFF; color: #FFFFFF; display: flex; align-items: center; justify-content: center;}
.d235{justify-self: center; width: 28px; height: 28px; border-radius: 14px; background: rgba(0,0,0,0.08); color: #1D1D1F; display: flex; align-items: center; justify-content: center;}
.d236{justify-self: center; width: 18px; height: 3px; border-radius: 2px; background: #A1A1A6;}
.d237{margin: 0; font-size: 64px; line-height: 1.04; font-weight: 700; letter-spacing: -0.04em; text-align: center;}
.d238{position: relative; margin-top: 40px; padding: 5px; border-radius: 26px; display: flex; gap: 2px;}
.d239{height: 42px; padding: 0 18px; border-radius: 21px; border: none; background: #FFFFFF; box-shadow: none; color: #1D1D1F; font-size: 15px; font-weight: 600;}
.d240{height: 42px; padding: 0 18px; border-radius: 21px; border: none; background: transparent; box-shadow: none; color: #1D1D1F; font-size: 15px; font-weight: 600;}
.d241{position: relative; margin-top: 28px; width: 1200px; height: 360px; box-sizing: border-box; border-radius: 32px; padding: 40px 48px; display: flex; gap: 56px; align-items: center;}
.d242{width: 480px; flex-shrink: 0; display: flex; flex-direction: column; gap: 16px;}
.d243{font-size: 38px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.1;}
.d244{margin: 0; font-size: 18px; line-height: 1.5; color: #515154;}
.d245{display: flex; flex-direction: column; gap: 10px; margin-top: 6px;}
.d246{display: flex; gap: 10px; align-items: center; font-size: 16px;}
.d247{flex-grow: 1; height: 100%; border-radius: 24px; background: rgba(255,255,255,0.75); box-shadow: 0 8px 24px rgba(16,24,64,0.08); padding: 26px; box-sizing: border-box; display: flex; flex-direction: column; gap: 14px;}
.d248{width: 36px; height: 36px; border-radius: 11px; background: #1F5BFF; color: #FFFFFF; display: flex; align-items: center; justify-content: center;}
.d249{font-size: 17px; font-weight: 700;}
.d250{display: flex; align-items: center; gap: 12px; height: 50px; padding: 0 14px; border-radius: 14px; background: #F5F6FA;}
.d251{width: 26px; height: 26px; border-radius: 13px; background: #FF6B57; color: #FFFFFF; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.d252{width: 58px; height: 38px; border-radius: 7px; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0,0,0,0.08);}
.d253{font-size: 15px;}
.d254{margin-top: 52px; width: 960px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}
.d255{position: relative; border-radius: 34px; padding: 2px; background: linear-gradient(160deg, #1F5BFF, #FF6B57);}
.d256{position: relative; height: 100%; box-sizing: border-box; border-radius: 32px; padding: 40px; display: flex; flex-direction: column; gap: 18px; background: rgba(255,255,255,0.94);}
.d257{display: flex; justify-content: space-between; align-items: center;}
.d258{font-size: 15px; font-weight: 700; letter-spacing: 0.06em; color: #1D4ED8;}
.d259{padding: 5px 12px; border-radius: 12px; background: #1F5BFF; color: #FFFFFF; font-size: 12px; font-weight: 700;}
.d260{display: flex; align-items: baseline; gap: 10px;}
.d261{font-size: 72px; font-weight: 700; letter-spacing: -0.045em; line-height: 1;}
.d262{font-size: 17px; color: #515154;}
.d263{height: 1px; background: rgba(0,0,0,0.08);}
.d264{display: flex; flex-direction: column; gap: 12px; font-size: 16px;}
.d265{margin-top: 8px; height: 56px; border-radius: 28px; background: #1F5BFF; color: #FFFFFF; font-size: 17px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 10px;}
.d266{position: relative; border-radius: 34px; padding: 42px; display: flex; flex-direction: column; gap: 18px;}
.d267{font-size: 15px; font-weight: 700; letter-spacing: 0.06em;}
.d268{padding: 5px 12px; border-radius: 12px; background: #1D1D1F; color: #FFFFFF; font-size: 12px; font-weight: 700;}
.d269{display: flex; flex-direction: column; gap: 6px;}
.d270{font-size: 44px; font-weight: 700; letter-spacing: -0.035em; line-height: 1.1;}
.d271{font-size: 15px; color: #515154;}
.d272{position: relative; width: 1200px; box-sizing: border-box; border-radius: 44px; padding: 56px 60px 52px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px;}
.d273{margin: 6px 0 0; font-size: 72px; line-height: 1.02; font-weight: 700; letter-spacing: -0.045em;}
.d274{margin: 6px 0 0; max-width: 620px; font-size: 21px; line-height: 1.45; color: #515154;}
.d275{margin-top: 14px; height: 62px; padding: 0 36px; border-radius: 31px; background: #1F5BFF; color: #FFFFFF; font-size: 19px; font-weight: 600; display: flex; align-items: center; gap: 10px;}
.d276{margin: 4px 0 0; font-size: 14px; color: #6E6E73;}
.d277{position: relative; flex-grow: 1; padding: 40px 120px 36px; display: flex; justify-content: center; align-items: flex-start;}
.d278{position: relative; width: 1200px; box-sizing: border-box; border-radius: 32px; padding: 44px 48px 26px; display: flex; flex-direction: column; gap: 36px;}
.d279{display: grid; grid-template-columns: minmax(0, 2.2fr) repeat(4, minmax(0, 1fr)); gap: 32px;}
.d280{display: flex; flex-direction: column; align-items: flex-start; gap: 14px;}
.d281{font-size: 21px; font-weight: 700; letter-spacing: -0.02em;}
.d282{margin: 0; max-width: 300px; font-size: 15px; line-height: 1.5; color: #515154;}
.d283{margin-top: 4px; height: 44px; padding: 0 20px; border-radius: 22px; background: #1F5BFF; color: #FFFFFF; font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px;}
.d284{font-size: 13px; color: #6E6E73;}
.d285{display: flex; flex-direction: column; gap: 12px; font-size: 14px;}
.d286{font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #1D1D1F;}
.d287{color: #515154;}
.d288{display: flex; align-items: center; gap: 20px; padding-top: 20px; border-top: 1px solid rgba(0,0,0,0.08); font-size: 13px; color: #6E6E73;}
.d289{height: 28px; padding: 0 12px; border-radius: 14px; background: rgba(255,255,255,0.7); display: flex; align-items: center; gap: 7px; color: #1D1D1F; font-weight: 500;}
.d290{width: 7px; height: 7px; border-radius: 4px; background: #34C759;}