@font-face{font-family:'Hanken Grotesk';font-weight:400;font-display:swap;src:url(/assets/HankenGrotesk-Regular.ttf) format('truetype')}
@font-face{font-family:'Hanken Grotesk';font-weight:600;font-display:swap;src:url(/assets/HankenGrotesk-SemiBold.ttf) format('truetype')}
@font-face{font-family:'Hanken Grotesk';font-weight:800;font-display:swap;src:url(/assets/HankenGrotesk-ExtraBold.ttf) format('truetype')}
html,body{margin:0;background:#F4EFE4}
@media (prefers-color-scheme:dark){html,body{background:#14161F}}

:root{--bg:#F4EFE4;--card:#FFFBF3;--ink:#1B1A2E;--sec:#5E5A6B;--acc:#3F35B8;--soft:#E3E0F6;--lo:#C9C4EE;--hi:#3F35B8;--onacc:#FFFFFF;--sh:0 20px 50px rgba(27,26,46,.12);--line:rgba(27,26,46,.14);--h1:#A9A6B8;--h2:#E8E4EE;--red:#E5322D;--amb:#F5A524}
@media (prefers-color-scheme:dark){:root{--bg:#14161F;--card:#1E2130;--ink:#F2EEE4;--sec:#A9ABBD;--acc:#8F86FF;--soft:#272558;--lo:#2C2A5C;--hi:#8F86FF;--onacc:#14161F;--sh:0 20px 50px rgba(0,0,0,.45);--line:rgba(242,238,228,.16);--h1:#4A4D63;--h2:#1E2130}}
a{color:var(--acc)}a:hover{color:var(--ink)}
.badge-link{display:inline-block;min-height:44px}.badge-link img{display:block;height:56px;width:auto}.badge-link .badge-dark{display:none}@media (prefers-color-scheme:dark){.badge-link .badge-light{display:none}.badge-link .badge-dark{display:block}}
.i1{min-height: 100vh; container-type: inline-size; background: var(--bg); color: var(--ink); overflow: hidden; font-family: "Hanken Grotesk", sans-serif;}
.i2{padding: clamp(20px, 5cqw, 64px); display: flex; flex-direction: column; gap: clamp(56px, 8cqw, 112px);}
.i3{display: flex; justify-content: flex-end; gap: 8px;}
.i4{min-height: 48px; display: flex; align-items: center; padding: 0px 14px; font-size: 18px; color: var(--ink); text-decoration: none;}
.i5{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: clamp(40px, 5cqw, 72px); align-items: start;}
.i6{display: flex; flex-direction: column; gap: 28px; align-items: flex-start;}
.i7{display: flex; align-items: center; gap: 20px;}
.i8{width: 96px; height: 96px; border-radius: 22px; box-shadow: var(--sh);}
.i9{font-weight: 800; font-size: 36px; letter-spacing: -0.02em;}
.i10{margin: 0px; font-weight: 800; font-size: clamp(52px, 9cqw, 124px); line-height: 0.95; letter-spacing: -0.035em;}
.i11{margin: 0px; font-size: clamp(20px, 2cqw, 26px); line-height: 1.45; color: var(--sec); max-width: 560px;}
.i12{display: flex; gap: 4%; align-items: flex-start;}
.i13{width: 48%; aspect-ratio: 1206 / 2622; object-fit: cover; border-radius: clamp(20px, 3cqw, 40px); box-shadow: var(--sh); display: block;}
.i14{width: 48%; aspect-ratio: 1206 / 2622; object-fit: cover; border-radius: clamp(20px, 3cqw, 40px); box-shadow: var(--sh); display: block; margin-top: clamp(28px, 7cqw, 88px);}
.i15{background: var(--card); border-radius: 32px; box-shadow: var(--sh); padding: clamp(20px, 3cqw, 40px); display: flex; flex-direction: column; gap: 16px;}
.i16{display: flex; gap: clamp(3px, 0.5cqw, 6px); height: clamp(56px, 8cqw, 104px);}
.i17{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 31%, var(--lo)); outline: none; outline-offset: 2px;}
.i18{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 38%, var(--lo)); outline: none; outline-offset: 2px;}
.i19{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 19%, var(--lo)); outline: none; outline-offset: 2px;}
.i20{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: repeating-linear-gradient(45deg,var(--h1) 0 5px,var(--h2) 5px 10px); outline: none; outline-offset: 2px;}
.i21{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 56%, var(--lo)); outline: none; outline-offset: 2px;}
.i22{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 81%, var(--lo)); outline: none; outline-offset: 2px;}
.i23{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 69%, var(--lo)); outline: none; outline-offset: 2px;}
.i24{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 75%, var(--lo)); outline: 3px solid var(--ink); outline-offset: 2px;}
.i25{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 25%, var(--lo)); outline: none; outline-offset: 2px;}
.i26{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 44%, var(--lo)); outline: none; outline-offset: 2px;}
.i27{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 63%, var(--lo)); outline: none; outline-offset: 2px;}
.i28{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 88%, var(--lo)); outline: none; outline-offset: 2px;}
.i29{flex: 1 1 0%; border-radius: clamp(4px, 0.6cqw, 8px); background: color-mix(in srgb, var(--hi) 100%, var(--lo)); outline: none; outline-offset: 2px;}
.i30{display: flex; justify-content: space-between; font-size: 18px; color: var(--sec);}
.i31{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr)); gap: clamp(24px, 4cqw, 64px); align-items: center;}
.i32{display: flex; flex-direction: column; gap: 4px;}
.i33{font-weight: 800; font-size: clamp(150px, 24cqw, 320px); line-height: 0.9; letter-spacing: -0.05em; color: var(--acc);}
.i34{font-weight: 800; font-size: 28px;}
.i35{display: flex; flex-direction: column; gap: 20px;}
.i36{margin: 0px; font-weight: 800; font-size: clamp(34px, 4.6cqw, 60px); line-height: 1.04; letter-spacing: -0.02em;}
.i37{margin: 0px; font-size: 20px; line-height: 1.55; color: var(--sec);}
.i38{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr)); gap: clamp(24px, 4cqw, 64px); align-items: start;}
.i39{background: var(--card); border-radius: 32px; box-shadow: var(--sh); padding: 8px clamp(20px, 3cqw, 36px); display: flex; flex-direction: column;}
.i40{display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 12px 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor;}
.i41{display: flex; flex-direction: column;}
.i42{font-weight: 800; font-size: 22px;}
.i43{font-size: 18px; color: var(--sec);}
.i44{display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 20px; color: var(--acc);}
.i45{width: 22px; height: 22px; border-radius: 50%; box-sizing: border-box; border: 2px solid var(--acc); background: var(--acc);}
.i46{display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 12px 0px; border-top: 1px solid var(--line);}
.i47{width: 22px; height: 22px; border-radius: 50%; box-sizing: border-box; border: 2px solid var(--acc); background: linear-gradient(90deg,var(--acc) 50%,transparent 50%);}
.i48{background: var(--card); border-radius: 36px; box-shadow: var(--sh); padding: clamp(24px, 4cqw, 56px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: clamp(24px, 3cqw, 48px); align-items: center;}
.i49{display: flex; flex-direction: column; gap: 20px; align-items: flex-start;}
.i50{display: flex; align-items: baseline; gap: 16px;}
.i51{font-weight: 800; font-size: clamp(96px, 14cqw, 180px); line-height: 0.9; letter-spacing: -0.05em;}
.i52{font-size: 20px; color: var(--sec);}
.i53{display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0px 20px; border-radius: 24px; background: var(--soft); font-weight: 800; font-size: 20px;}
.i54{width: 14px; height: 14px; border-radius: 50%; background: var(--red);}
.i55{width: 100%; max-width: 560px; aspect-ratio: 1 / 1; object-fit: contain; display: block;}
.i56{width: 100%; max-width: 520px; aspect-ratio: 1 / 1; object-fit: contain; display: block; justify-self: center;}
.i57{background: var(--soft); border-radius: 36px; padding: clamp(24px, 4cqw, 56px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: clamp(24px, 3cqw, 48px); align-items: center;}
.i58{margin: 0px; font-size: 20px; line-height: 1.55; color: var(--ink);}
.i59{border-top: 2px solid var(--line); padding-top: 32px; display: flex; flex-direction: column; gap: 20px;}
.i60{display: flex; flex-wrap: wrap; gap: 8px;}
.i61{min-height: 48px; display: flex; align-items: center; padding: 0px 16px 0px 0px; font-size: 20px;}
.i62{min-height: 48px; display: flex; align-items: center; padding: 0px 16px; font-size: 20px;}
.i63{margin: 0px; font-size: 18px; line-height: 1.55; color: var(--sec); max-width: 720px;}
.i64{margin: 0px; font-size: 18px; line-height: 1.55; color: var(--sec);}
.i65{padding: clamp(20px, 5cqw, 64px); display: flex; flex-direction: column; gap: clamp(32px, 5cqw, 64px); max-width: 900px; box-sizing: border-box;}
.i66{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 24px;}
.i67{display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ink); font-weight: 800; font-size: 24px; min-height: 48px;}
.i68{width: 44px; height: 44px; border-radius: 10px;}
.i69{display: flex; gap: 8px;}
.i70{display: flex; flex-direction: column; gap: 16px;}
.i71{margin: 0px; font-weight: 800; font-size: clamp(44px, 7cqw, 84px); line-height: 0.98; letter-spacing: -0.03em;}
.i72{background: var(--card); border-radius: 32px; box-shadow: var(--sh); padding: clamp(24px, 3cqw, 40px); display: flex; flex-direction: column; gap: 12px;}
.i73{display: flex; gap: 4px; height: 16px;}
.i74{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 31%, var(--lo));}
.i75{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 38%, var(--lo));}
.i76{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 19%, var(--lo));}
.i77{flex: 1 1 0%; border-radius: 4px; background: repeating-linear-gradient(45deg,var(--h1) 0 5px,var(--h2) 5px 10px);}
.i78{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 56%, var(--lo));}
.i79{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 81%, var(--lo));}
.i80{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 69%, var(--lo));}
.i81{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 75%, var(--lo));}
.i82{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 25%, var(--lo));}
.i83{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 44%, var(--lo));}
.i84{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 63%, var(--lo));}
.i85{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 88%, var(--lo));}
.i86{flex: 1 1 0%; border-radius: 4px; background: color-mix(in srgb, var(--hi) 100%, var(--lo));}
.i87{margin: 12px 0px 0px; font-size: 22px; line-height: 1.5; font-weight: 800;}
.i88{margin: 0px; font-weight: 800; font-size: 28px;}
.i89{display: inline-block; min-height: 48px; line-height: 48px; overflow-wrap: anywhere;}
.i90{border-top: 2px solid var(--line); padding-top: 24px; display: flex; flex-direction: column; gap: 12px;}
.i91{display: flex; flex-wrap: wrap;}
.i92{margin: 0px; font-size: 18px; color: var(--sec);}
.i93{margin: 0px; font-weight: 800; font-size: 26px; line-height: 1.2;}
.i94{background: var(--soft); border-radius: 32px; padding: clamp(24px, 3cqw, 40px); display: flex; flex-direction: column; gap: 12px;}
.i95{margin: 0px; font-weight: 800; font-size: 26px;}
.i96{display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; min-height: 52px; padding: 0px 28px; border-radius: 26px; background: var(--acc); color: var(--onacc); font-weight: 800; font-size: 20px; text-decoration: none; overflow-wrap: anywhere;}
.i97{padding: clamp(20px, 5cqw, 64px); display: flex; flex-direction: column; gap: clamp(32px, 5cqw, 64px); min-height: clamp(640px, 56cqw, 720px); box-sizing: border-box;}
.i98{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: clamp(24px, 4cqw, 56px); align-items: center; flex: 1 1 0%;}
.i99{font-weight: 800; font-size: clamp(96px, 16cqw, 200px); line-height: 0.9; letter-spacing: -0.05em; color: var(--acc);}
.i100{margin: 0px; font-weight: 800; font-size: clamp(36px, 5.4cqw, 68px); line-height: 1; letter-spacing: -0.025em;}
.i101{display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0px 32px; border-radius: 26px; background: var(--acc); color: var(--onacc); font-weight: 800; font-size: 20px; text-decoration: none;}