/* VenkovníStínění.eu – design komponent (export z návrhu)
   Třídy c* = komponenty, scp* = hover/focus stavy, vs-hd/vs-ht/vs-hm = viditelnost (mobil/tablet/desktop).
   Vlastní úpravy pište do theme.css, tento soubor neměňte. */
*{ box-sizing:border-box; }
  body{ margin:0; font-family:'Hanken Grotesk',system-ui,sans-serif; color:#16283d; background:#f4f1ec; font-size:15.5px; line-height:1.55; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
  :where(a){ color:#1f6fb2; text-decoration:none; }
  :where(a:hover){ color:#14507f; }
  h1,h2,h3,h4{ font-family:'Plus Jakarta Sans',system-ui,sans-serif; margin:0; letter-spacing:-0.025em; text-wrap:balance; }
  p{ text-wrap:pretty; }
  input,select,textarea{ font-family:'Hanken Grotesk',sans-serif; }
  ::selection{ background:#ff6a13; color:#fff; }
  @keyframes vsFade{ from{ opacity:0 } to{ opacity:1 } }
  @keyframes vsPop{ from{ opacity:0; transform:translateY(14px) scale(.97) } to{ opacity:1; transform:none } }
  @keyframes vsUp{ from{ transform:translateY(100%) } to{ transform:none } }
  @keyframes vsIn{ from{ opacity:0; transform:translateY(26px) } to{ opacity:1; transform:none } }
  @keyframes vsKen{ from{ transform:scale(1.02) } to{ transform:scale(1.12) } }
  @keyframes vsMarq{ from{ transform:translateX(0) } to{ transform:translateX(-50%) } }
  @keyframes vsProg{ from{ transform:scaleX(0) } to{ transform:scaleX(1) } }
  @keyframes vsGlow{ 0%,100%{ opacity:.45 } 50%{ opacity:.85 } }
  @media (prefers-reduced-motion: reduce){ *{ animation-duration:.001s !important } }
/* viditelnost podle zařízení */
@media (min-width:1100px){ .vs-hd{ display:none !important; } }
@media (min-width:760px) and (max-width:1099px){ .vs-ht{ display:none !important; } }
@media (max-width:759px){ .vs-hm{ display:none !important; } }
/* komponenty */
.c0{position: fixed; top: 0px; left: 0px; right: 0px; height: 3px; z-index: 5000; transform-origin: 0px 50%; background: linear-gradient(90deg, rgb(31, 111, 178), rgb(255, 106, 19)); animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: vsProg; animation-timeline: scroll(root); animation-range: normal;}
.c1{max-width: 1440px; margin: 0px auto; background: rgb(255, 255, 255); min-height: 100vh; display: flex; flex-direction: column;}
.c2{background: rgb(11, 22, 38); color: rgb(207, 224, 242); font-size: 13px;}
.c3{max-width: 1380px; margin: 0px auto; padding: 10px 32px; display: flex; gap: 26px; align-items: center; flex-wrap: wrap;}
.c4{display: flex; align-items: center; gap: 7px;}
.c5{font-family: "Material Symbols Rounded"; font-size: 17px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; color: rgb(255, 138, 61);}
.c6{margin-left: auto; display: flex; gap: 20px; align-items: center;}
.c7{cursor: pointer;}
.c8{width: 1px; height: 14px; background: rgba(255, 255, 255, 0.2);}
.c9{display: flex; align-items: center; gap: 6px; color: rgb(159, 182, 208);}
.ca{font-family: "Material Symbols Rounded"; font-size: 17px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap;}
.cb{border-bottom: 1px solid rgba(11, 22, 38, 0.06); background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px) saturate(1.6); position: sticky; top: 0px; z-index: 900;}
.cc{max-width: 1380px; margin: 0px auto; padding: 16px 32px; display: flex; align-items: center; gap: 28px;}
.cd{cursor: pointer; display: flex; align-items: center; gap: 12px; flex-shrink: 0; white-space: nowrap;}
.ce{width: 46px; height: 46px; border-radius: 14px; background: linear-gradient(135deg, rgb(31, 111, 178), rgb(11, 22, 38)); display: flex; align-items: center; justify-content: center; box-shadow: rgba(31, 111, 178, 0.7) 0px 8px 18px -8px;}
.cf{display: flex; gap: 2.5px;}
.cg{width: 3px; height: 22px; background: rgb(255, 138, 61); border-radius: 2px; display: block;}
.ch{width: 3px; height: 22px; background: rgb(255, 255, 255); border-radius: 2px; display: block;}
.ci{width: 3px; height: 22px; background: rgb(125, 180, 224); border-radius: 2px; display: block;}
.cj{line-height: 1.05;}
.ck{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 21px; color: rgb(11, 22, 38); letter-spacing: -0.02em;}
.cl{color: rgb(31, 111, 178);}
.cm{color: rgb(255, 106, 19);}
.cn{font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(138, 155, 176); margin-top: 3px;}
.co{flex: 1 1 0%; min-width: 0px; max-width: 560px; display: flex; align-items: center; background: rgb(244, 241, 236); border: 1px solid rgb(232, 227, 218); border-radius: 999px; padding: 6px 6px 6px 18px; cursor: text; color: rgb(138, 155, 176); font-size: 14.5px; gap: 10px; transition: border-color 0.2s, background 0.2s;}
.cp{font-family: "Material Symbols Rounded"; font-size: 21px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap;}
.cq{flex: 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cr{background: rgb(11, 22, 38); color: rgb(255, 255, 255); padding: 9px 18px; border-radius: 999px; font-weight: 700; font-size: 13.5px; flex-shrink: 0;}
.cs{margin-left: auto; display: flex; align-items: center; gap: 6px; flex-shrink: 0;}
.ct{display: flex; align-items: center; gap: 10px; color: rgb(11, 22, 38); padding-right: 14px; margin-right: 6px; border-right: 1px solid rgb(232, 227, 218);}
.cu{width: 44px; height: 44px; border-radius: 50%; background: rgb(255, 241, 231); color: rgb(255, 106, 19); display: flex; align-items: center; justify-content: center;}
.cv{font-family: "Material Symbols Rounded"; font-size: 22px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap;}
.cw{line-height: 1.15; white-space: nowrap;}
.cx{display: block; font-size: 11.5px; color: rgb(138, 155, 176);}
.cy{font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 16px;}
.cz{display: flex; align-items: center; gap: 10px; margin-left: 8px; background: rgb(11, 22, 38); color: rgb(255, 255, 255); padding: 7px 18px 7px 7px; border-radius: 999px; cursor: pointer; transition: background 0.2s, transform 0.2s;}
.c10{position: relative; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.12); display: flex; align-items: center; justify-content: center;}
.c11{position: absolute; top: -3px; right: -3px; min-width: 20px; height: 20px; padding: 0px 5px; background: rgb(255, 106, 19); color: rgb(255, 255, 255); font-size: 11px; font-weight: 700; border-radius: 999px; display: flex; align-items: center; justify-content: center; border: 2px solid rgb(11, 22, 38);}
.c12{display: block; font-size: 11px; color: rgb(159, 182, 208);}
.c13{font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px;}
.c14{border-top: 1px solid rgb(241, 238, 232); position: relative;}
.c15{max-width: 1380px; margin: 0px auto; padding: 0px 32px; display: flex; gap: 2px; align-items: center; overflow-x: auto; scrollbar-width: none;}
.c16{display: flex; align-items: center; gap: 1px; flex-shrink: 0; padding: 14px 11px; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; color: rgb(51, 74, 99); border-bottom: 3px solid transparent; transition: color 0.2s;}
.c17{font-family: "Material Symbols Rounded"; font-size: 18px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; transition: transform 0.2s; transform: none;}
.c18{margin-left: auto; flex-shrink: 0; white-space: nowrap; display: inline-flex; align-items: center; gap: 7px; background: rgb(255, 106, 19); color: rgb(255, 255, 255); padding: 9px 18px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 13.5px; cursor: pointer; box-shadow: rgba(255, 106, 19, 0.8) 0px 10px 20px -10px; transition: transform 0.2s;}
.c19{font-family: "Material Symbols Rounded"; font-size: 18px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; flex-shrink: 0;}
.c1a{position: sticky; top: 0px; z-index: 40; background: rgb(255, 255, 255);}
.c1b{background: rgb(11, 22, 38); color: rgb(207, 224, 242); font-size: 11.5px; text-align: center; padding: 7px 12px;}
.c1c{display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid rgb(241, 238, 232);}
.c1d{width: 40px; height: 40px; border-radius: 50%; background: rgb(244, 241, 236); color: rgb(11, 22, 38); display: flex; align-items: center; justify-content: center; cursor: pointer;}
.c1e{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 16px; color: rgb(11, 22, 38); cursor: pointer;}
.c1f{margin-left: auto; display: flex; gap: 8px; align-items: center;}
.c1g{position: relative; width: 40px; height: 40px; border-radius: 50%; background: rgb(11, 22, 38); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; cursor: pointer;}
.c1h{position: absolute; top: -3px; right: -3px; min-width: 18px; height: 18px; padding: 0px 4px; background: rgb(255, 106, 19); color: rgb(255, 255, 255); font-size: 10px; font-weight: 700; border-radius: 999px; display: flex; align-items: center; justify-content: center; border: 2px solid rgb(255, 255, 255);}
.c1i{max-width: 1376px; margin: 0px auto; padding: clamp(20px, 3vw, 36px) clamp(16px, 3vw, 32px) 0px;}
.c1j{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: clamp(16px, 2vw, 22px); align-items: stretch;}
.c1k{display: flex; flex-direction: column; justify-content: center; padding: clamp(8px, 3vw, 40px) clamp(0px, 2vw, 24px) clamp(8px, 3vw, 40px) 0px; animation: 0.9s cubic-bezier(0.22, 0.8, 0.28, 1) 0s 1 normal both running vsIn;}
.c1l{display: inline-flex; align-self: flex-start; align-items: center; gap: 10px; background: rgb(255, 255, 255); border: 1px solid rgb(232, 227, 218); padding: 6px 14px 6px 6px; border-radius: 999px; font-size: 13px; font-weight: 600; color: rgb(51, 71, 95); box-shadow: rgba(40, 30, 15, 0.25) 0px 8px 20px -12px;}
.c1m{background: rgb(11, 22, 38); color: rgb(255, 255, 255); font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px;}
.c1n{font-size: clamp(40px, 6.2vw, 84px); font-weight: 800; line-height: 0.98; letter-spacing: -0.045em; color: rgb(11, 22, 38); margin-top: 22px;}
.c1o{font-size: clamp(16px, 1.4vw, 18.5px); color: rgb(85, 105, 131); line-height: 1.65; margin: 22px 0px 0px; max-width: 520px;}
.c1p{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 30px;}
.c1q{display: inline-flex; align-items: center; gap: 9px; background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 17px 28px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15.5px; cursor: pointer; box-shadow: rgba(255, 106, 19, 0.75) 0px 16px 32px -12px; transition: transform 0.25s;}
.c1r{font-family: "Material Symbols Rounded"; font-size: 19px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap;}
.c1s{display: inline-flex; align-items: center; gap: 9px; background: rgb(255, 255, 255); color: rgb(11, 22, 38); border: 1px solid rgb(221, 214, 202); padding: 16px 24px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15.5px; cursor: pointer; transition: border-color 0.25s;}
.c1t{display: flex; gap: clamp(18px, 3vw, 36px); flex-wrap: wrap; margin-top: 38px; padding-top: 26px; border-top: 1px solid rgb(227, 221, 210);}
.c1u{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 26px; color: rgb(11, 22, 38); letter-spacing: -0.03em;}
.c1v{color: rgb(251, 188, 4); font-size: 15px; letter-spacing: 1px;}
.c1w{font-size: 12.5px; color: rgb(102, 120, 143); margin-top: 2px;}
.c1x{position: relative; min-height: clamp(420px, 52vw, 660px); border-radius: clamp(26px, 3vw, 40px); overflow: hidden; background: rgb(207, 219, 230); animation: 1s cubic-bezier(0.22, 0.8, 0.28, 1) 0.1s 1 normal both running vsIn;}
.c1y{position:absolute; inset:0px; width:100%; height:100%; object-fit:cover; display:block; animation: 18s ease-in-out 0s infinite alternate none running vsKen;}
.c1z{position: absolute; inset: 0px; background: linear-gradient(rgba(8, 16, 30, 0) 55%, rgba(8, 16, 30, 0.55) 100%); pointer-events: none;}
.c20{position: absolute; left: clamp(14px, 2vw, 22px); bottom: clamp(14px, 2vw, 22px); display: flex; align-items: center; gap: 14px; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(16px) saturate(1.6); padding: 10px 10px 10px 18px; border-radius: 22px; box-shadow: rgba(11, 22, 38, 0.5) 0px 24px 50px -20px; cursor: pointer; max-width: calc(100% - 28px); transition: transform 0.3s;}
.c21{min-width: 0px;}
.c22{display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(194, 80, 12);}
.c23{display: block; font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 16px; color: rgb(11, 22, 38); margin-top: 2px;}
.c24{width: 44px; height: 44px; border-radius: 50%; background: rgb(11, 22, 38); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.c25{position: absolute; top: clamp(14px, 2vw, 22px); right: clamp(14px, 2vw, 22px); display: flex; align-items: center; gap: 8px; background: rgba(11, 22, 38, 0.6); backdrop-filter: blur(12px); color: rgb(255, 255, 255); padding: 9px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 600;}
.c26{width: 7px; height: 7px; border-radius: 50%; background: rgb(61, 220, 132); box-shadow: rgba(61, 220, 132, 0.25) 0px 0px 0px 4px;}
.c27{max-width: 1376px; margin: clamp(18px, 2.4vw, 28px) auto 0px; padding: 0px clamp(16px, 3vw, 32px);}
.c28{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 6px; background: rgb(255, 255, 255); border: 1px solid rgb(232, 227, 218); border-radius: 28px; padding: 10px;}
.c29{display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 20px; cursor: pointer; transition: background 0.25s;}
.c2a{width: 48px; height: 48px; border-radius: 16px; background: rgb(236, 241, 247); color: rgb(31, 111, 178); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.c2b{font-family: "Material Symbols Rounded"; font-size: 25px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap;}
.c2c{display: block; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 14.5px; color: rgb(11, 22, 38);}
.c2d{display: block; font-size: 12px; color: rgb(138, 155, 176); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.c2e{max-width: 1376px; margin: 0px auto; padding: clamp(64px, 8vw, 112px) clamp(16px, 3vw, 32px) 0px;}
.c2f{display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap;}
.c2g{max-width: 640px;}
.c2h{display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(194, 80, 12);}
.c2i{width: 22px; height: 2px; background: rgb(255, 106, 19); border-radius: 2px;}
.c2j{font-size: clamp(30px, 4vw, 50px); font-weight: 800; line-height: 1.02; letter-spacing: -0.04em; color: rgb(11, 22, 38); margin-top: 14px;}
.c2k{display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 0px; color: rgb(11, 22, 38); font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px; cursor: pointer; padding: 8px 0px;}
.c2l{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-auto-rows: 300px; gap: 14px; margin-top: clamp(24px, 3vw, 36px);}
.c2m{position: relative; overflow: hidden; border-radius: 32px; cursor: pointer; background: rgb(220, 231, 241); isolation: isolate; transition: box-shadow 0.4s; grid-area: span 2 / span 2;}
.c2n{position: absolute; inset: 0px; transition: transform 1.1s cubic-bezier(0.22, 0.8, 0.28, 1);}
.c2o{position:absolute; inset:0px; width:100%; height:100%; object-fit:cover; display:block;}
.c2p{position: absolute; inset: 0px; background: linear-gradient(rgba(8, 16, 30, 0.05) 30%, rgba(8, 16, 30, 0.86) 100%); pointer-events: none;}
.c2q{position: absolute; top: 18px; left: 18px; background: rgba(255, 255, 255, 0.92); color: rgb(11, 22, 38); font-size: 11.5px; font-weight: 700; padding: 6px 12px; border-radius: 999px; pointer-events: none;}
.c2r{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: clamp(18px, 2vw, 26px); color: rgb(255, 255, 255);}
.c2s{display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; pointer-events: none;}
.c2t{font-size: clamp(30px, 3.4vw, 44px); font-weight: 800; color: rgb(255, 255, 255); letter-spacing: -0.035em; line-height: 1.02;}
.c2u{font-size: 13.5px; color: rgb(207, 219, 232); margin-top: 4px;}
.c2v{color: rgb(255, 255, 255);}
.c2w{width: 46px; height: 46px; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(11, 22, 38); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.c2x{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px;}
.c2y{font-size: 12.5px; font-weight: 600; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.28); backdrop-filter: blur(8px); padding: 6px 12px; border-radius: 999px; cursor: pointer; white-space: nowrap; transition: background 0.2s;}
.c2z{position: relative; overflow: hidden; border-radius: 26px; cursor: pointer; background: rgb(220, 231, 241); isolation: isolate; transition: box-shadow 0.4s; grid-area: auto;}
.c30{font-size: 24px; font-weight: 800; color: rgb(255, 255, 255); letter-spacing: -0.035em; line-height: 1.02;}
.c31{position: relative; overflow: hidden; border-radius: 32px; cursor: pointer; background: rgb(220, 231, 241); isolation: isolate; transition: box-shadow 0.4s; grid-area: auto;}
.c32{position: relative; overflow: hidden; border-radius: 32px; cursor: pointer; background: rgb(220, 231, 241); isolation: isolate; transition: box-shadow 0.4s; grid-area: auto / span 3;}
.c33{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); background: rgb(11, 22, 38); border-radius: clamp(26px, 3vw, 40px); overflow: hidden; position: relative;}
.c34{position: absolute; top: -180px; right: -120px; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 138, 61, 0.28), transparent 65%); pointer-events: none;}
.c35{position: relative; min-height: clamp(300px, 36vw, 520px);}
.c36{position: relative; padding: clamp(28px, 5vw, 64px); color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center;}
.c37{display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(255, 180, 136);}
.c38{font-size: clamp(30px, 3.8vw, 48px); font-weight: 800; line-height: 1.02; letter-spacing: -0.04em; color: rgb(255, 255, 255); margin-top: 14px;}
.c39{font-size: 16px; color: rgb(185, 202, 222); line-height: 1.65; margin: 16px 0px 0px; max-width: 480px;}
.c3a{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px 18px; margin-top: 24px;}
.c3b{display: flex; align-items: center; gap: 9px; font-size: 14px; color: rgb(227, 235, 244);}
.c3c{font-family: "Material Symbols Rounded"; font-size: 19px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; color: rgb(255, 138, 61);}
.c3d{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 32px;}
.c3e{display: inline-flex; align-items: center; gap: 9px; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.3); padding: 16px 24px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15.5px; cursor: pointer;}
.c3f{text-align: center; max-width: 640px; margin: 0px auto;}
.c3g{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; margin-top: clamp(24px, 3.5vw, 44px);}
.c3h{position: relative; padding: 28px 24px 26px; background: rgb(255, 255, 255); border: 1px solid rgb(232, 227, 218); border-radius: 28px; transition: transform 0.3s, box-shadow 0.3s; animation-duration: 0.8s; animation-timing-function: cubic-bezier(0.22, 0.8, 0.28, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: vsIn; animation-timeline: view(); animation-range: entry cover 22%;}
.c3i{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 56px; line-height: 1; letter-spacing: -0.05em; color: transparent; -webkit-text-stroke: 1.5px rgb(201, 193, 179);}
.c3j{font-size: 18px; font-weight: 700; color: rgb(11, 22, 38); margin-top: 22px;}
.c3k{font-size: 14px; color: rgb(102, 120, 143); line-height: 1.6; margin: 8px 0px 0px;}
.c3l{position: relative; aspect-ratio: 3 / 4; border-radius: 26px; overflow: hidden; cursor: pointer; background: rgb(220, 231, 241); animation-duration: 0.8s; animation-timing-function: cubic-bezier(0.22, 0.8, 0.28, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: vsIn; animation-timeline: view(); animation-range: entry cover 22%;}
.c3m{position: absolute; inset: 0px; background: linear-gradient(rgba(8, 16, 30, 0) 50%, rgba(8, 16, 30, 0.85) 100%); pointer-events: none;}
.c3n{position: absolute; left: 20px; right: 20px; bottom: 18px; color: rgb(255, 255, 255); pointer-events: none;}
.c3o{font-size: 12px; font-weight: 600; color: rgb(255, 180, 136);}
.c3p{font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 17px; margin-top: 3px; letter-spacing: -0.02em;}
.c3q{height: clamp(64px, 8vw, 112px);}
.c3r{background: rgb(255, 255, 255); border-top: 1px solid rgb(235, 230, 221); border-bottom: 1px solid rgb(235, 230, 221);}
.c3s{max-width: 1180px; margin: 0px auto; padding: 84px 28px; position: relative;}
.c3t{display: flex; justify-content: space-between; align-items: center; gap: 18px; flex-wrap: wrap;}
.c3u{display: flex; align-items: center; gap: 18px; flex-wrap: wrap;}
.c3v{width: 64px; height: 64px; border-radius: 24px; background: rgb(255, 255, 255); border: 1px solid rgb(232, 227, 218); box-shadow: rgba(15, 33, 56, 0.08) 0px 8px 20px; display: flex; align-items: center; justify-content: center;}
.c3w{font-family: Manrope, sans-serif; font-weight: 800; line-height: 1; background: conic-gradient(from -45deg, rgb(234, 67, 53) 0deg, rgb(234, 67, 53) 25%, rgb(66, 133, 244) 0deg, rgb(66, 133, 244) 50%, rgb(52, 168, 83) 0deg, rgb(52, 168, 83) 75%, rgb(251, 188, 5) 0deg, rgb(251, 188, 5) 100%) text; -webkit-text-fill-color: transparent; color: transparent; font-size: 34px;}
.c3x{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.c3y{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 34px; color: rgb(11, 22, 38); letter-spacing: -0.02em; line-height: 1;}
.c3z{color: rgb(251, 188, 4); font-size: 20px; letter-spacing: 1px;}
.c40{font-size: 13.5px; color: rgb(102, 120, 143); margin-top: 6px;}
.c41{display: flex; gap: 10px; flex-wrap: wrap;}
.c42{display: inline-flex; align-items: center; gap: 8px; background: rgb(255, 255, 255); color: rgb(22, 40, 61); border: 1px solid rgb(221, 214, 202); padding: 12px 18px; border-radius: 999px; font-weight: 700; font-size: 14px;}
.c43{display: inline-flex; align-items: center; gap: 8px; background: rgb(11, 22, 38); color: rgb(255, 255, 255); padding: 12px 18px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 14px;}
.c44{display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 2px 12px; margin-top: 26px;}
.c45{flex: 0 0 auto; width: 330px; scroll-snap-align: start; background: rgb(255, 255, 255); border: 1px solid rgb(232, 227, 218); border-radius: 24px; padding: 22px; display: flex; flex-direction: column; box-shadow: rgba(15, 33, 56, 0.05) 0px 6px 18px;}
.c46{display: flex; align-items: center; gap: 11px;}
.c47{width: 40px; height: 40px; border-radius: 50%; background: rgb(26, 115, 232); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; flex-shrink: 0;}
.c48{flex: 1 1 0%; min-width: 0px;}
.c49{font-weight: 700; font-size: 14px; color: rgb(22, 40, 61);}
.c4a{font-size: 12px; color: rgb(138, 155, 176); margin-top: 1px;}
.c4b{font-family: Manrope, sans-serif; font-weight: 800; line-height: 1; background: conic-gradient(from -45deg, rgb(234, 67, 53) 0deg, rgb(234, 67, 53) 25%, rgb(66, 133, 244) 0deg, rgb(66, 133, 244) 50%, rgb(52, 168, 83) 0deg, rgb(52, 168, 83) 75%, rgb(251, 188, 5) 0deg, rgb(251, 188, 5) 100%) text; -webkit-text-fill-color: transparent; color: transparent; font-size: 18px;}
.c4c{color: rgb(251, 188, 4); font-size: 15px; letter-spacing: 1px; margin-top: 14px;}
.c4d{font-size: 14px; color: rgb(51, 71, 95); line-height: 1.6; margin: 8px 0px 0px;}
.c4e{font-size: 12px; color: rgb(138, 155, 176); margin-top: auto; padding-top: 14px;}
.c4f{width: 40px; height: 40px; border-radius: 50%; background: rgb(232, 113, 10); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; flex-shrink: 0;}
.c4g{width: 40px; height: 40px; border-radius: 50%; background: rgb(24, 128, 56); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; flex-shrink: 0;}
.c4h{width: 40px; height: 40px; border-radius: 50%; background: rgb(161, 66, 244); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; flex-shrink: 0;}
.c4i{width: 40px; height: 40px; border-radius: 50%; background: rgb(217, 48, 37); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; flex-shrink: 0;}
.c4j{width: 40px; height: 40px; border-radius: 50%; background: rgb(18, 181, 203); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; flex-shrink: 0;}
.c4k{position: relative; overflow: hidden; border-radius: clamp(26px, 3vw, 40px); background: rgb(255, 106, 19); color: rgb(255, 255, 255); padding: clamp(32px, 5vw, 72px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 28px; align-items: center;}
.c4l{position: absolute; top: -200px; right: -100px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.28), transparent 65%); pointer-events: none;}
.c4m{position: relative;}
.c4n{font-size: clamp(32px, 4.4vw, 56px); font-weight: 800; line-height: 1; letter-spacing: -0.045em; color: rgb(255, 255, 255);}
.c4o{font-size: 17px; color: rgb(255, 241, 231); line-height: 1.6; margin: 16px 0px 0px; max-width: 500px;}
.c4p{position: relative; display: flex; flex-direction: column; gap: 10px; align-items: flex-start;}
.c4q{display: inline-flex; align-items: center; gap: 9px; background: rgb(11, 22, 38); color: rgb(255, 255, 255); border: 0px; padding: 17px 26px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15.5px; cursor: pointer; transition: background 0.25s;}
.c4r{display: inline-flex; align-items: center; gap: 12px; color: rgb(255, 255, 255); padding: 6px 0px;}
.c4s{width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center;}
.c4t{display: block; font-size: 12.5px; color: rgb(255, 241, 231);}
.c4u{display: block; font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 22px; letter-spacing: -0.02em;}
.c4v{height: clamp(48px, 6vw, 80px);}
.c4w{position: relative; overflow: hidden; background: rgb(11, 22, 38); color: rgb(169, 189, 212); margin: 40px 14px 14px; border-radius: 34px;}
.c4x{position: absolute; top: -180px; right: -120px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 106, 19, 0.22), transparent 65%); pointer-events: none;}
.c4y{position: absolute; bottom: -200px; left: -120px; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(31, 111, 178, 0.25), transparent 65%); pointer-events: none;}
.c4z{position: relative; max-width: 1180px; margin: 0px auto; padding: 56px 40px 46px; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.c50{font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: 44px; color: rgb(255, 255, 255); letter-spacing: -0.035em; line-height: 1.02; text-wrap: balance;}
.c51{font-size: 15px; color: rgb(169, 189, 212); margin-top: 8px;}
.c52{background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 16px 26px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px; cursor: pointer; box-shadow: rgba(255, 106, 19, 0.7) 0px 14px 30px -10px; transition: transform 0.25s;}
.c53{display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255); padding: 16px 22px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px; transition: background 0.2s;}
.c54{position: relative; max-width: 1180px; margin: 0px auto; padding: 46px 40px 40px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px;}
.c55{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 20px; color: rgb(255, 255, 255); margin-bottom: 12px; letter-spacing: -0.02em;}
.c56{color: rgb(125, 180, 224);}
.c57{font-size: 14px; line-height: 1.65; margin: 0px; max-width: 300px;}
.c58{display: flex; flex-direction: column; gap: 8px; margin-top: 18px; font-size: 14px;}
.c59{display: flex; align-items: center; gap: 10px;}
.c5a{font-family: "Material Symbols Rounded"; font-size: 18px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; color: rgb(125, 180, 224);}
.c5b{color: rgb(219, 230, 242);}
.c5c{display: flex; gap: 8px; margin-top: 20px;}
.c5d{width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.16); color: rgb(219, 230, 242); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; transition: 0.2s;}
.c5e{color: rgb(255, 255, 255); font-size: 12px; font-weight: 600; margin-bottom: 14px; text-transform: uppercase; letter-spacing: 0.12em;}
.c5f{display: block; font-size: 14px; color: rgb(169, 189, 212); padding: 6px 0px; cursor: pointer; transition: color 0.2s, transform 0.2s;}
.c5g{position: relative; border-top: 1px solid rgba(255, 255, 255, 0.08);}
.c5h{max-width: 1180px; margin: 0px auto; padding: 20px 40px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; font-size: 12.5px; color: rgb(126, 148, 174);}
.c5i{color: rgb(207, 224, 242); font-weight: 700;}
.c5j{display: flex; gap: 16px; flex-wrap: wrap;}
.c5k{display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: rgb(207, 224, 242); font-weight: 600;}
.c5l{font-family: "Material Symbols Rounded"; font-size: 16px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap;}
.c5m{position: sticky; bottom: 0px; z-index: 45; background: rgb(255, 255, 255); border-top: 1px solid rgb(232, 227, 218); display: flex; box-shadow: rgba(15, 33, 56, 0.08) 0px -6px 20px;}
.c5n{flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 9px 4px; cursor: pointer; color: rgb(255, 106, 19);}
.c5o{font-family: "Material Symbols Rounded"; font-size: 23px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap;}
.c5p{font-size: 10.5px; font-weight: 700;}
.c5q{flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 9px 4px; cursor: pointer; color: rgb(138, 155, 176);}
.c5r{position: fixed; right: 22px; bottom: 150px; z-index: 2800; width: 52px; height: 52px; border-radius: 50%; background: rgb(255, 106, 19); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 22px; cursor: pointer; box-shadow: rgba(255, 106, 19, 0.45) 0px 12px 30px; transition: transform 0.25s; opacity: 0.96;}
.c5s{position: fixed; right: 22px; bottom: 92px; z-index: 2800; width: 46px; height: 46px; border-radius: 50%; background: rgba(15, 33, 56, 0.92); backdrop-filter: blur(8px); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 19px; cursor: pointer; box-shadow: rgba(10, 25, 45, 0.35) 0px 10px 26px; transition: transform 0.25s, background 0.25s;}
.c5t{display: flex; align-items: center; gap: 1px; flex-shrink: 0; padding: 14px 11px; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; color: rgb(255, 106, 19); border-bottom: 3px solid rgb(255, 106, 19); transition: color 0.2s;}
.c5u{max-width: 1180px; margin: 0px auto; width: 100%; flex: 1 1 0%; padding: 24px 92px 56px 28px;}
.c5v{font-size: 13px; color: rgb(138, 155, 176); margin-bottom: 14px;}
.c5w{color: rgb(22, 40, 61); font-weight: 600;}
.c5x{display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap;}
.c5y{max-width: 600px;}
.c5z{display: inline-flex; align-items: center; gap: 8px; font-size: 11.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(194, 80, 12); background: rgb(255, 241, 231); border: 1px solid rgb(255, 217, 194); padding: 6px 12px; border-radius: 999px; margin-bottom: 14px;}
.c60{font-size: 40px; font-weight: 800; color: rgb(11, 22, 38); line-height: 1.08; letter-spacing: -0.02em;}
.c61{font-size: 15px; color: rgb(102, 120, 143); line-height: 1.6; margin: 12px 0px 0px;}
.c62{display: flex; gap: 28px; flex-wrap: wrap;}
.c63{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 26px; color: rgb(11, 22, 38); letter-spacing: -0.02em;}
.c64{display: flex; gap: 6px; padding: 5px; margin-top: 30px; background: rgb(245, 244, 241); border-radius: 999px; overflow-x: auto; width: fit-content; max-width: 100%;}
.c65{display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; border: 0px; cursor: pointer; font-weight: 700; font-size: 13.5px; white-space: nowrap; font-family: "Hanken Grotesk", sans-serif; background: rgb(11, 22, 38); color: rgb(255, 255, 255); transition: background 0.2s;}
.c66{font-size: 11.5px; font-weight: 700; padding: 2px 7px; border-radius: 999px; background: rgba(255, 255, 255, 0.18); color: rgb(255, 255, 255);}
.c67{display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; border: 0px; cursor: pointer; font-weight: 700; font-size: 13.5px; white-space: nowrap; font-family: "Hanken Grotesk", sans-serif; background: transparent; color: rgb(85, 105, 131); transition: background 0.2s;}
.c68{font-size: 11.5px; font-weight: 700; padding: 2px 7px; border-radius: 999px; background: rgb(230, 226, 218); color: rgb(102, 120, 143);}
.c69{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-auto-rows: 290px; grid-auto-flow: dense; gap: 18px; margin-top: 30px;}
.c6a{position: relative; overflow: hidden; border-radius: 28px; cursor: pointer; background: rgb(220, 231, 241); isolation: isolate; grid-area: span 2 / span 2; transition: box-shadow 0.4s; animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.22, 0.8, 0.28, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: vsIn; animation-timeline: view(); animation-range: entry cover 20%;}
.c6b{position: absolute; inset: 0px; background: linear-gradient(rgba(8, 16, 30, 0) 40%, rgba(8, 16, 30, 0.88) 100%); pointer-events: none;}
.c6c{position: absolute; top: 16px; left: 16px; right: 16px; display: flex; justify-content: space-between; gap: 8px; pointer-events: none;}
.c6d{background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(8px); color: rgb(11, 22, 38); font-size: 11.5px; font-weight: 700; padding: 6px 12px; border-radius: 999px;}
.c6e{display: flex; align-items: center; gap: 5px; background: rgba(11, 22, 38, 0.55); backdrop-filter: blur(8px); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; padding: 6px 11px; border-radius: 999px;}
.c6f{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 22px; color: rgb(255, 255, 255); display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; pointer-events: none;}
.c6g{font-size: 12px; font-weight: 600; color: rgb(255, 180, 136); letter-spacing: 0.08em;}
.c6h{font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: 30px; letter-spacing: -0.03em; line-height: 1.1; margin-top: 4px;}
.c6i{font-size: 13px; color: rgb(207, 219, 232); line-height: 1.5; margin-top: 4px;}
.c6j{width: 44px; height: 44px; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(11, 22, 38); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.c6k{position: relative; overflow: hidden; border-radius: 28px; cursor: pointer; background: rgb(220, 231, 241); isolation: isolate; grid-area: auto; transition: box-shadow 0.4s; animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.22, 0.8, 0.28, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: vsIn; animation-timeline: view(); animation-range: entry cover 20%;}
.c6l{font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; font-size: 18px; letter-spacing: -0.03em; line-height: 1.1; margin-top: 4px;}
.c6m{display: flex; gap: 18px; align-items: center; flex-wrap: wrap; margin-top: 28px; background: rgb(236, 241, 247); border: 1px solid rgb(219, 230, 242); border-radius: 20px; padding: 24px 26px;}
.c6n{flex: 1 1 0%; min-width: 220px;}
.c6o{font-size: 16.5px; font-weight: 700; color: rgb(11, 22, 38);}
.c6p{font-size: 13.5px; color: rgb(85, 105, 131); line-height: 1.55; margin: 7px 0px 0px;}
.c6q{background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 13px 22px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 14px; cursor: pointer;}
.c6r{background: rgb(255, 255, 255); color: rgb(51, 74, 99); border: 1px solid rgb(221, 214, 202); padding: 13px 20px; border-radius: 999px; font-weight: 700; font-size: 14px; cursor: pointer;}
.c6s{display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 0.95fr); gap: 48px; align-items: center; margin-top: 10px;}
.c6t{font-size: 16px; color: rgb(51, 71, 95); line-height: 1.7; margin: 16px 0px 0px;}
.c6u{font-size: 15px; color: rgb(85, 105, 131); line-height: 1.7; margin: 12px 0px 0px;}
.c6v{display: flex; gap: 10px; margin-top: 24px; flex-wrap: wrap;}
.c6w{background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 14px 24px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px; cursor: pointer;}
.c6x{background: rgb(255, 255, 255); color: rgb(51, 74, 99); border: 1px solid rgb(221, 214, 202); padding: 14px 22px; border-radius: 999px; font-weight: 700; font-size: 15px; cursor: pointer;}
.c6y{position: relative; height: 420px; border-radius: 22px; overflow: hidden; border: 1px solid rgb(232, 227, 218);}
.c6z{position: absolute; left: 18px; bottom: 30px; background: rgb(255, 255, 255); border-radius: 24px; padding: 16px 20px; box-shadow: rgba(15, 33, 56, 0.18) 0px 20px 44px; border: 1px solid rgb(232, 227, 218); max-width: 200px;}
.c70{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 30px; color: rgb(255, 106, 19); line-height: 1;}
.c71{font-size: 13px; color: rgb(51, 71, 95); margin-top: 6px; line-height: 1.4;}
.c72{margin-top: 44px; padding: 28px 34px; display: flex; gap: 22px; flex-wrap: wrap; justify-content: space-between; background: rgb(245, 244, 241); border: 1px solid rgb(235, 232, 226); border-radius: 26px;}
.c73{text-align: center; flex: 1 1 0%; min-width: 120px;}
.c74{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 30px; color: rgb(11, 22, 38); letter-spacing: -0.02em;}
.c75{font-size: 13px; color: rgb(102, 120, 143); margin-top: 4px;}
.c76{margin-top: 44px;}
.c77{font-size: 44px; font-weight: 700; color: rgb(11, 22, 38); line-height: 1.04; letter-spacing: -0.035em; margin-bottom: 4px; text-wrap: balance;}
.c78{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); justify-content: start; gap: 18px; margin-top: 20px;}
.c79{position: relative; border: 1px solid rgb(232, 227, 218); border-radius: 24px; padding: 24px; background: rgb(255, 255, 255); transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s; animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.22, 0.8, 0.28, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: vsIn; animation-timeline: view(); animation-range: entry cover 22%;}
.c7a{position: absolute; top: 20px; right: 22px; font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 13px; color: rgb(203, 216, 230);}
.c7b{width: 50px; height: 50px; border-radius: 14px; background: linear-gradient(135deg, rgb(31, 111, 178), rgb(11, 22, 38)); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-shadow: rgba(31, 111, 178, 0.25) 0px 10px 20px;}
.c7c{font-size: 16.5px; font-weight: 700; color: rgb(22, 40, 61); margin-top: 16px;}
.c7d{font-size: 13.5px; color: rgb(102, 120, 143); line-height: 1.6; margin: 7px 0px 0px;}
.c7e{margin-top: 50px; background: rgb(245, 248, 252); border: 1px solid rgb(232, 227, 218); border-radius: 24px; padding: 40px;}
.c7f{text-align: center; max-width: 560px; margin: 0px auto;}
.c7g{font-size: 14.5px; color: rgb(102, 120, 143); line-height: 1.6; margin: 10px 0px 0px;}
.c7h{display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 14px; margin-top: 26px;}
.c7i{height: 96px; background: rgb(255, 255, 255); border: 1px solid rgb(232, 227, 218); border-radius: 20px; padding: 14px; position: relative; filter: grayscale(1); opacity: 0.85; transition: transform 0.25s, box-shadow 0.25s, filter 0.25s, opacity 0.25s;}
.c7j{position:absolute; inset:0px; width:100%; height:100%; object-fit:cover; display:block; ; background:#dce7f1;}
.c7k{font-size: 13px; color: rgb(138, 155, 176); margin-bottom: 18px;}
.c7l{max-width: 760px; animation: 0.7s cubic-bezier(0.22, 0.8, 0.28, 1) 0s 1 normal both running vsIn;}
.c7m{font-size: 60px; font-weight: 700; line-height: 1; margin-top: 18px; color: rgb(11, 22, 38); letter-spacing: -0.045em; max-width: 720px; text-wrap: balance;}
.c7n{font-size: 17px; color: rgb(85, 105, 131); line-height: 1.65; margin: 16px 0px 0px;}
.c7o{display: grid; grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 1fr); gap: 20px; align-items: start; margin-top: 44px;}
.c7p{border: 1px solid rgb(232, 227, 218); border-radius: 32px; padding: clamp(22px, 4vw, 40px); background: rgb(255, 255, 255); box-shadow: rgba(40, 30, 15, 0.25) 0px 30px 60px -34px; animation: 0.7s cubic-bezier(0.22, 0.8, 0.28, 1) 0.08s 1 normal both running vsIn;}
.c7q{display: flex; align-items: center; gap: 14px;}
.c7r{width: 48px; height: 48px; border-radius: 16px; background: rgb(255, 241, 231); color: rgb(255, 106, 19); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.c7s{font-family: "Material Symbols Rounded"; font-size: 24px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap;}
.c7t{font-size: 24px; font-weight: 700; color: rgb(11, 22, 38);}
.c7u{font-size: 13.5px; color: rgb(138, 155, 176); margin-top: 2px;}
.c7v{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(220px, 50% - 14px)), 1fr)); gap: 14px; margin-top: 26px;}
.c7w{display: block; grid-column: 1 / -1;}
.c7x{font-size: 12.5px; color: rgb(102, 120, 143); font-weight: 600; display: block; margin-bottom: 7px;}
.c7y{width: 100%; border: 1px solid rgb(232, 227, 218); border-radius: 14px; padding: 15px 16px; font-size: 15px; outline: none; background: rgb(250, 248, 245); transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;}
.c7z{display: block;}
.c80{width: 100%; min-height: 150px; border: 1px solid rgb(232, 227, 218); border-radius: 14px; padding: 15px 16px; font-size: 15px; outline: none; resize: vertical; background: rgb(250, 248, 245); font-family: inherit; transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;}
.c81{display: flex; gap: 10px; align-items: flex-start; margin-top: 18px;}
.c82{width: 18px; height: 18px; border-radius: 5px; flex-shrink: 0; display: block; cursor: pointer; margin-top: 1px; background: rgb(31, 111, 178); border: 0px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset;}
.c83{font-size: 13px; color: rgb(102, 120, 143); line-height: 1.5;}
.c84{margin-top: 22px; display: inline-flex; align-items: center; gap: 9px; background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 16px 30px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15.5px; cursor: pointer; box-shadow: rgba(255, 106, 19, 0.7) 0px 14px 30px -10px; transition: transform 0.25s;}
.c85{display: flex; flex-direction: column; gap: 14px; animation: 0.7s cubic-bezier(0.22, 0.8, 0.28, 1) 0.16s 1 normal both running vsIn;}
.c86{background: rgb(11, 22, 38); color: rgb(255, 255, 255); border-radius: 32px; padding: clamp(22px, 3vw, 32px); position: relative; overflow: hidden;}
.c87{position: absolute; top: -110px; right: -90px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 138, 61, 0.32), transparent 65%); pointer-events: none;}
.c88{font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(255, 180, 136);}
.c89{display: block; font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: clamp(28px, 3.4vw, 38px); letter-spacing: -0.035em; color: rgb(255, 255, 255); margin-top: 8px; white-space: nowrap;}
.c8a{margin-top: 22px;}
.c8b{display: flex; align-items: center; gap: 16px; padding: 18px 0px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); transition: padding 0.25s;}
.c8c{width: 48px; height: 48px; border-radius: 16px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.14); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: rgb(255, 180, 136);}
.c8d{display: block; font-size: 12px; color: rgb(159, 182, 208); letter-spacing: 0.06em; text-transform: uppercase; font-weight: 600;}
.c8e{display: block; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 16.5px; margin-top: 3px; overflow-wrap: anywhere;}
.c8f{font-family: "Material Symbols Rounded"; font-size: 20px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; color: rgb(159, 182, 208);}
.c8g{border: 1px solid rgb(232, 227, 218); border-radius: 28px; padding: 24px 26px; background: rgb(255, 255, 255); display: flex; gap: 16px; align-items: flex-start;}
.c8h{font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(138, 155, 176);}
.c8i{font-size: 15px; color: rgb(22, 40, 61); line-height: 1.6; margin-top: 6px;}
.c8j{display: inline-flex; gap: 8px; margin-top: 10px; background: rgb(244, 241, 236); padding: 6px 12px; border-radius: 999px; font-size: 13px;}
.c8k{color: rgb(102, 120, 143);}
.c8l{font-weight: 700; color: rgb(11, 22, 38);}
.c8m{position: relative; margin-top: clamp(28px, 4vw, 48px); border-radius: 32px; overflow: hidden; border: 1px solid rgb(232, 227, 218); height: clamp(340px, 42vw, 480px); background: rgb(230, 225, 216);}
.c8n{position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px; filter: grayscale(0.35) contrast(1.05);}
.c8o{position: absolute; left: 20px; bottom: 20px; display: flex; align-items: center; gap: 14px; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(14px); padding: 12px 12px 12px 18px; border-radius: 22px; box-shadow: rgba(11, 22, 38, 0.35) 0px 20px 40px -16px; color: rgb(11, 22, 38); max-width: calc(100% - 40px);}
.c8p{display: block; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px;}
.c8q{display: block; font-size: 13px; color: rgb(102, 120, 143);}
.c8r{display: inline-flex; align-items: center; gap: 6px; background: rgb(11, 22, 38); color: rgb(255, 255, 255); padding: 11px 16px; border-radius: 999px; font-weight: 700; font-size: 13.5px; flex-shrink: 0;}
.c8s{font-family: "Material Symbols Rounded"; font-size: 18px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap;}
.c8t{display: flex; gap: 14px; margin-bottom: 18px; flex-wrap: wrap;}
.c8u{display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: rgb(11, 22, 38);}
.c8v{width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; background: rgb(31, 111, 178); color: rgb(255, 255, 255);}
.c8w{display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: rgb(164, 179, 196);}
.c8x{width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; background: rgb(232, 227, 218); color: rgb(138, 155, 176);}
.c8y{font-size: 42px; font-weight: 700; color: rgb(11, 22, 38); line-height: 1.05; letter-spacing: -0.035em;}
.c8z{display: grid; grid-template-columns: minmax(0px, 1fr) 340px; gap: 26px; align-items: start; margin-top: 18px;}
.c90{display: flex; flex-direction: column; gap: 12px;}
.c91{display: flex; gap: 14px; align-items: center; flex-wrap: wrap; border: 1px solid rgb(232, 227, 218); border-radius: 14px; padding: 14px; background: rgb(255, 255, 255);}
.c92{width: 96px; height: 80px; border-radius: 999px; overflow: hidden; flex-shrink: 0;}
.c93{flex: 1 1 0%; min-width: 160px;}
.c94{font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px; color: rgb(22, 40, 61);}
.c95{font-size: 12.5px; color: rgb(138, 155, 176); margin-top: 4px; line-height: 1.5;}
.c96{display: inline-block; margin-top: 7px; font-size: 12.5px; color: rgb(192, 57, 43); cursor: pointer; font-weight: 600;}
.c97{display: flex; align-items: center; gap: 8px;}
.c98{width: 32px; height: 32px; border: 1px solid rgb(221, 214, 202); background: rgb(255, 255, 255); border-radius: 8px; font-size: 17px; cursor: pointer; color: rgb(51, 74, 99);}
.c99{min-width: 26px; text-align: center; font-weight: 700; font-size: 14.5px;}
.c9a{min-width: 110px; text-align: right; font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 16px; color: rgb(11, 22, 38);}
.c9b{display: flex; gap: 10px; align-items: center; border: 1px dashed rgb(203, 216, 230); border-radius: 12px; padding: 14px 16px; background: rgb(255, 255, 255); flex-wrap: wrap;}
.c9c{font-size: 13.5px; color: rgb(102, 120, 143);}
.c9d{flex: 1 1 0%; min-width: 150px; border: 1px solid rgb(221, 214, 202); border-radius: 9px; padding: 10px 13px; font-size: 14px; outline: none;}
.c9e{background: rgb(31, 111, 178); color: rgb(255, 255, 255); border: 0px; padding: 10px 18px; border-radius: 9px; font-weight: 700; font-size: 13.5px; cursor: pointer;}
.c9f{position: sticky; top: 16px;}
.c9g{border: 1px solid rgb(232, 227, 218); border-radius: 20px; padding: 20px; background: rgb(255, 255, 255);}
.c9h{font-size: 16px; font-weight: 700; color: rgb(22, 40, 61); margin-bottom: 14px;}
.c9i{display: flex; justify-content: space-between; font-size: 13.5px; padding: 6px 0px; color: rgb(102, 120, 143);}
.c9j{border-top: 1px solid rgb(241, 238, 232); margin-top: 12px; padding-top: 14px; display: flex; justify-content: space-between; align-items: baseline;}
.c9k{font-weight: 700; color: rgb(22, 40, 61);}
.c9l{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 24px; color: rgb(11, 22, 38);}
.c9m{width: 100%; margin-top: 16px; background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 15px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15.5px; cursor: pointer;}
.c9n{width: 100%; margin-top: 9px; background: rgb(255, 255, 255); color: rgb(51, 74, 99); border: 1px solid rgb(221, 214, 202); padding: 13px; border-radius: 999px; font-weight: 700; font-size: 14px; cursor: pointer;}
.c9o{margin-top: 14px; font-size: 12.5px; color: rgb(138, 155, 176); line-height: 1.6;}
.c9p{font-size: 15px; color: rgb(102, 120, 143); line-height: 1.6; margin: 10px 0px 24px; max-width: 640px;}
.c9q{display: grid; grid-template-columns: 250px minmax(0px, 1fr); gap: 28px; align-items: start;}
.c9r{border: 1px solid rgb(232, 227, 218); border-radius: 14px; padding: 18px; background: rgb(255, 255, 255);}
.c9s{margin-bottom: 20px;}
.c9t{font-size: 14px; font-weight: 700; color: rgb(22, 40, 61); margin-bottom: 10px;}
.c9u{display: flex; flex-direction: column; gap: 9px;}
.c9v{display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 13.5px; color: rgb(51, 71, 95);}
.c9w{width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; display: block; background: rgb(31, 111, 178); border: 0px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 4px inset, rgb(31, 111, 178) 0px 0px 0px 1.5px;}
.c9x{margin-left: auto; color: rgb(164, 179, 196); font-size: 12px;}
.c9y{width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; display: block; background: rgb(255, 255, 255); border: 1.5px solid rgb(203, 216, 230); box-shadow: none;}
.c9z{border-top: 1px solid rgb(241, 238, 232); padding-top: 16px;}
.ca0{width: 100%; accent-color: rgb(31, 111, 178);}
.ca1{display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap;}
.ca2{margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap;}
.ca3{padding: 8px 14px; border-radius: 999px; cursor: pointer; font-size: 12.5px; font-weight: 700; white-space: nowrap; flex-shrink: 0; border: 0px; background: rgb(31, 111, 178); color: rgb(255, 255, 255);}
.ca4{padding: 8px 14px; border-radius: 999px; cursor: pointer; font-size: 12.5px; font-weight: 700; white-space: nowrap; flex-shrink: 0; border: 1px solid rgb(221, 214, 202); background: rgb(255, 255, 255); color: rgb(51, 74, 99);}
.ca5{border: 1px solid rgb(232, 227, 218); border-radius: 20px; overflow: hidden; background: rgb(255, 255, 255); display: flex; flex-direction: column; position: relative;}
.ca6{height: 170px; position: relative; cursor: pointer;}
.ca7{position: absolute; top: 10px; left: 10px; background: rgb(255, 106, 19); color: rgb(255, 255, 255); font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 999px;}
.ca8{position: absolute; top: 10px; right: 10px; display: flex; gap: 6px;}
.ca9{width: 32px; height: 32px; border-radius: 9px; border: 0px; cursor: pointer; font-size: 14px; line-height: 1; background: rgba(255, 255, 255, 0.92); color: rgb(51, 71, 95); box-shadow: rgba(10, 25, 45, 0.14) 0px 4px 12px;}
.caa{position: absolute; bottom: 10px; right: 10px; background: rgba(255, 255, 255, 0.94); border: 0px; border-radius: 9px; padding: 7px 12px; font-size: 12.5px; font-weight: 700; color: rgb(22, 40, 61); cursor: pointer;}
.cab{padding: 16px; display: flex; flex-direction: column; flex: 1 1 0%;}
.cac{color: rgb(255, 138, 61); font-size: 12.5px;}
.cad{color: rgb(164, 179, 196);}
.cae{font-size: 16px; font-weight: 700; color: rgb(22, 40, 61); margin-top: 6px; cursor: pointer;}
.caf{font-size: 13px; color: rgb(102, 120, 143); line-height: 1.5; margin-top: 6px; flex: 1 1 0%;}
.cag{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; flex-wrap: wrap;}
.cah{font-size: 12.5px; color: rgb(138, 155, 176);}
.cai{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 17px; color: rgb(11, 22, 38);}
.caj{background: rgb(31, 111, 178); color: rgb(255, 255, 255); border: 0px; padding: 9px 14px; border-radius: 9px; font-weight: 700; font-size: 13px; cursor: pointer; white-space: nowrap; flex-shrink: 0;}
.cak{display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px;}
.cal{display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; cursor: pointer; font-weight: 700; font-size: 13.5px; font-family: "Hanken Grotesk", sans-serif; border: 1px solid rgb(11, 22, 38); background: rgb(11, 22, 38); color: rgb(255, 255, 255);}
.cam{display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; cursor: pointer; font-weight: 700; font-size: 13.5px; font-family: "Hanken Grotesk", sans-serif; border: 1px solid rgb(221, 214, 202); background: rgb(255, 255, 255); color: rgb(51, 74, 99);}
.can{display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 0.95fr); border-radius: 26px; overflow: hidden; background: linear-gradient(135deg, rgb(11, 22, 38), rgb(22, 54, 92)); color: rgb(255, 255, 255);}
.cao{padding: 44px;}
.cap{font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(255, 180, 136);}
.caq{font-size: 36px; font-weight: 800; line-height: 1.1; color: rgb(255, 255, 255); margin-top: 12px; letter-spacing: -0.02em;}
.car{font-size: 15.5px; color: rgb(185, 202, 222); line-height: 1.65; margin: 14px 0px 0px;}
.cas{display: flex; flex-direction: column; gap: 9px; margin-top: 20px;}
.cat{display: flex; align-items: center; gap: 10px; font-size: 14.5px; color: rgb(219, 231, 243);}
.cau{font-family: "Material Symbols Rounded"; font-size: 20px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; color: rgb(255, 138, 61);}
.cav{display: flex; gap: 10px; margin-top: 26px; flex-wrap: wrap;}
.caw{background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 14px 24px; border-radius: 12px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px; cursor: pointer; box-shadow: rgba(255, 106, 19, 0.4) 0px 12px 26px; transition: transform 0.25s;}
.cax{display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.28); color: rgb(255, 255, 255); padding: 14px 20px; border-radius: 12px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px;}
.cay{position: relative; min-height: 400px;}
.caz{position: absolute; left: 18px; bottom: 18px; background: rgb(255, 255, 255); border-radius: 20px; padding: 14px 18px; box-shadow: rgba(10, 22, 40, 0.3) 0px 18px 40px; pointer-events: none;}
.cb0{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 22px; color: rgb(255, 106, 19); line-height: 1;}
.cb1{font-size: 12.5px; color: rgb(51, 71, 95); margin-top: 5px;}
.cb2{font-size: 27px; font-weight: 700; letter-spacing: -0.03em; color: rgb(11, 22, 38); margin: 34px 0px 14px;}
.cb3{border: 1px solid rgb(232, 227, 218); border-radius: 24px; padding: 22px; background: rgb(255, 255, 255); transition: transform 0.28s, box-shadow 0.28s;}
.cb4{width: 46px; height: 46px; border-radius: 13px; background: rgb(236, 241, 247); color: rgb(31, 111, 178); display: flex; align-items: center; justify-content: center;}
.cb5{font-size: 16px; font-weight: 700; color: rgb(22, 40, 61); margin-top: 14px;}
.cb6{font-size: 13.5px; color: rgb(102, 120, 143); line-height: 1.55; margin: 6px 0px 0px;}
.cb7{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 28px;}
.cb8{border: 1px solid rgb(232, 227, 218); border-radius: 24px; padding: 22px; background: rgb(255, 255, 255);}
.cb9{display: flex; gap: 16px; padding: 10px 0px;}
.cba{width: 38px; height: 38px; flex-shrink: 0; border-radius: 12px; background: linear-gradient(135deg, rgb(31, 111, 178), rgb(11, 22, 38)); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 15px;}
.cbb{font-weight: 700; font-size: 15px; color: rgb(22, 40, 61);}
.cbc{font-size: 13.5px; color: rgb(102, 120, 143); line-height: 1.55; margin-top: 3px;}
.cbd{border: 1px solid rgb(232, 227, 218); border-radius: 24px; overflow: hidden; background: rgb(255, 255, 255);}
.cbe{display: flex; justify-content: space-between; gap: 14px; padding: 14px 18px; font-size: 14px; border-bottom: 1px solid rgb(241, 238, 232);}
.cbf{color: rgb(85, 105, 131);}
.cbg{font-family: "Plus Jakarta Sans"; font-weight: 700; color: rgb(11, 22, 38); text-align: right;}
.cbh{display: flex; justify-content: space-between; gap: 14px; padding: 14px 18px; font-size: 14px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
.cbi{padding: 14px 18px; font-size: 12.5px; color: rgb(138, 155, 176); background: rgb(250, 252, 254);}
.cbj{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 36px; align-items: start;}
.cbk{position: sticky; top: 90px;}
.cbl{position: relative; height: 520px; border-radius: 24px; overflow: hidden; border: 1px solid rgb(232, 227, 218);}
.cbm{position: absolute; top: 14px; left: 14px; display: flex; gap: 4px; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); padding: 4px; border-radius: 999px; box-shadow: rgba(11, 22, 38, 0.15) 0px 8px 20px;}
.cbn{display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; border: 0px; cursor: pointer; font-weight: 700; font-size: 12.5px; font-family: "Hanken Grotesk", sans-serif; background: rgb(11, 22, 38); color: rgb(255, 255, 255);}
.cbo{display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; border: 0px; cursor: pointer; font-weight: 700; font-size: 12.5px; font-family: "Hanken Grotesk", sans-serif; background: transparent; color: rgb(51, 71, 95);}
.cbp{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; margin-top: 12px;}
.cbq{height: 84px; border-radius: 14px; overflow: hidden; cursor: pointer; position: relative; transition: opacity 0.2s, box-shadow 0.2s; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(31, 111, 178) 0px 0px 0px 4px; opacity: 1;}
.cbr{height: 84px; border-radius: 14px; overflow: hidden; cursor: pointer; position: relative; transition: opacity 0.2s, box-shadow 0.2s; box-shadow: none; opacity: 0.7;}
.cbs{background: rgb(231, 245, 236); color: rgb(31, 138, 76); font-size: 12px; font-weight: 700; padding: 5px 11px; border-radius: 999px;}
.cbt{display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: rgb(102, 120, 143);}
.cbu{color: rgb(251, 188, 4);}
.cbv{font-size: 46px; font-weight: 700; color: rgb(11, 22, 38); line-height: 1.02; letter-spacing: -0.035em; margin-top: 14px;}
.cbw{font-size: 15.5px; color: rgb(85, 105, 131); line-height: 1.6; margin: 12px 0px 0px;}
.cbx{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;}
.cby{display: inline-flex; align-items: center; gap: 6px; background: rgb(245, 244, 241); border: 1px solid rgb(235, 232, 226); color: rgb(51, 71, 95); font-size: 13px; font-weight: 600; padding: 7px 12px; border-radius: 999px;}
.cbz{font-family: "Material Symbols Rounded"; font-size: 16px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; color: rgb(31, 138, 76);}
.cc0{display: flex; align-items: baseline; gap: 10px; margin-top: 20px; padding-top: 18px; border-top: 1px solid rgb(241, 238, 232); flex-wrap: wrap;}
.cc1{font-size: 13px; color: rgb(138, 155, 176);}
.cc2{font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 28px; color: rgb(11, 22, 38); letter-spacing: -0.03em;}
.cc3{display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: rgb(31, 138, 76); background: rgb(231, 245, 236); padding: 4px 10px; border-radius: 999px;}
.cc4{width: 6px; height: 6px; border-radius: 50%; background: rgb(31, 138, 76);}
.cc5{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; margin-top: 16px;}
.cc6{display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid rgb(232, 227, 218); border-radius: 16px; background: rgb(255, 255, 255); color: rgb(22, 40, 61); transition: border-color 0.2s, transform 0.2s;}
.cc7{width: 38px; height: 38px; border-radius: 12px; background: rgb(232, 238, 249); color: rgb(24, 119, 242); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 18px;}
.cc8{font-size: 13px; line-height: 1.35;}
.cc9{width: 38px; height: 38px; border-radius: 12px; background: rgb(253, 236, 234); color: rgb(217, 48, 37); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.cca{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 26px;}
.ccb{font-size: 19px; font-weight: 700; color: rgb(11, 22, 38); letter-spacing: -0.02em;}
.ccc{font-size: 12.5px; font-weight: 700; color: rgb(31, 111, 178);}
.ccd{display: flex; flex-direction: column; gap: 8px; margin-top: 12px;}
.cce{border: 1.5px solid rgb(31, 111, 178); border-radius: 20px; background: rgb(255, 255, 255); box-shadow: rgba(31, 111, 178, 0.35) 0px 14px 30px -16px; transition: border-color 0.2s, box-shadow 0.2s;}
.ccf{display: flex; align-items: center; gap: 12px; padding: 15px 18px; cursor: pointer;}
.ccg{width: 28px; height: 28px; border-radius: 50%; font-size: 12.5px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: rgb(31, 111, 178); color: rgb(255, 255, 255);}
.cch{margin-left: auto; font-size: 13px; color: rgb(85, 105, 131); font-weight: 600; text-align: right; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cci{font-family: "Material Symbols Rounded"; font-size: 20px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; color: rgb(138, 155, 176); transition: transform 0.2s; transform: rotate(180deg); flex-shrink: 0;}
.ccj{padding: 0px 18px 18px; animation: 0.2s ease 0s 1 normal none running vsFade;}
.cck{display: flex; gap: 20px; flex-direction: row; padding-top: 10px;}
.ccl{flex: 1 1 0%;}
.ccm{display: flex; justify-content: space-between; font-size: 12.5px; color: rgb(102, 120, 143); margin-bottom: 7px;}
.ccn{font-size: 12.5px; color: rgb(138, 155, 176); margin-top: 10px;}
.cco{color: rgb(31, 111, 178); font-weight: 700; cursor: pointer;}
.ccp{margin-top: 16px; display: inline-flex; align-items: center; gap: 6px; background: rgb(11, 22, 38); color: rgb(255, 255, 255); border: 0px; padding: 10px 18px; border-radius: 999px; font-weight: 700; font-size: 13.5px; cursor: pointer;}
.ccq{border: 1px solid rgb(232, 227, 218); border-radius: 20px; background: rgb(255, 255, 255); box-shadow: none; transition: border-color 0.2s, box-shadow 0.2s;}
.ccr{width: 28px; height: 28px; border-radius: 50%; font-size: 12.5px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: rgb(241, 238, 232); color: rgb(85, 105, 131);}
.ccs{font-family: "Material Symbols Rounded"; font-size: 20px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; color: rgb(138, 155, 176); transition: transform 0.2s; transform: none; flex-shrink: 0;}
.cct{background: rgb(11, 22, 38); color: rgb(255, 255, 255); border-radius: 20px; padding: 18px 20px; margin-top: 14px; display: flex; flex-direction: row; align-items: center; gap: 14px; position: sticky; bottom: 14px; z-index: 20; box-shadow: rgba(10, 25, 45, 0.35) 0px 16px 40px;}
.ccu{font-size: 12px; color: rgb(159, 182, 208);}
.ccv{font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 30px; letter-spacing: -0.03em;}
.ccw{display: flex; gap: 10px; margin-left: auto; flex-wrap: wrap;}
.ccx{display: flex; align-items: center; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 999px; padding: 4px;}
.ccy{width: 38px; height: 38px; border-radius: 50%; border: 0px; background: transparent; color: rgb(255, 255, 255); cursor: pointer; display: flex; align-items: center; justify-content: center;}
.ccz{font-family: "Material Symbols Rounded"; font-size: 20px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap;}
.cd0{min-width: 28px; text-align: center; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px;}
.cd1{background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.35); padding: 14px 20px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 14.5px; cursor: pointer;}
.cd2{background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 14px 24px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 14.5px; cursor: pointer;}
.cd3{display: flex; gap: 18px; flex-wrap: wrap; margin-top: 14px; font-size: 12.5px; color: rgb(102, 120, 143);}
.cd4{display: inline-flex; align-items: center; gap: 6px;}
.cd5{font-family: "Material Symbols Rounded"; font-size: 17px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; color: rgb(31, 111, 178);}
.cd6{display: flex; gap: 6px; margin-top: 56px; padding: 5px; background: rgb(245, 244, 241); border-radius: 999px; overflow-x: auto; width: fit-content; max-width: 100%;}
.cd7{padding: 11px 20px; border-radius: 999px; border: 0px; cursor: pointer; font-weight: 700; font-size: 13.5px; white-space: nowrap; font-family: "Hanken Grotesk", sans-serif; transition: background 0.2s; background: rgb(255, 255, 255); color: rgb(11, 22, 38); box-shadow: rgba(11, 22, 38, 0.1) 0px 4px 12px;}
.cd8{padding: 11px 20px; border-radius: 999px; border: 0px; cursor: pointer; font-weight: 700; font-size: 13.5px; white-space: nowrap; font-family: "Hanken Grotesk", sans-serif; transition: background 0.2s; background: transparent; color: rgb(102, 120, 143); box-shadow: none;}
.cd9{min-height: 200px; animation: 0.2s ease 0s 1 normal none running vsFade;}
.cda{display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr); gap: 40px; margin-top: 24px; align-items: start;}
.cdb{display: flex; flex-direction: column; gap: 14px; max-width: 720px;}
.cdc{font-size: 26px; font-weight: 700; color: rgb(11, 22, 38);}
.cdd{font-size: 15.5px; color: rgb(61, 80, 104); line-height: 1.75; margin: 0px;}
.cde{border: 1px solid rgb(232, 227, 218); border-radius: 24px; padding: 22px 24px; background: rgb(255, 255, 255);}
.cdf{display: flex; align-items: center; gap: 12px;}
.cdg{width: 40px; height: 40px; border-radius: 12px; background: rgb(11, 22, 38); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.cdh{font-size: 16px; font-weight: 700; color: rgb(11, 22, 38);}
.cdi{display: flex; flex-direction: column; gap: 8px; margin-top: 14px;}
.cdj{display: flex; gap: 10px; font-size: 14px; color: rgb(61, 80, 104); line-height: 1.5;}
.cdk{font-family: "Material Symbols Rounded"; font-size: 18px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; color: rgb(31, 138, 76); margin-top: 1px; flex-shrink: 0;}
.cdl{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); justify-content: start; gap: 18px; margin-top: 20px;}
.cdm{border: 1px solid rgb(232, 227, 218); border-radius: 22px; overflow: hidden; background: rgb(255, 255, 255); cursor: pointer; transition: transform 0.28s, box-shadow 0.28s;}
.cdn{height: 150px; position: relative;}
.cdo{padding: 15px;}
.cdp{font-weight: 700; font-size: 14.5px; color: rgb(22, 40, 61);}
.cdq{font-size: 12.5px; color: rgb(138, 155, 176); margin-top: 5px;}
.cdr{font-family: "Plus Jakarta Sans"; font-weight: 700; color: rgb(11, 22, 38);}
.cds{display: grid; grid-template-columns: 240px minmax(0px, 1fr); gap: 26px; align-items: start;}
.cdt{border: 1px solid rgb(232, 227, 218); border-radius: 20px; padding: 16px; background: rgb(255, 255, 255);}
.cdu{font-size: 11.5px; font-weight: 700; color: rgb(138, 155, 176); text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 10px;}
.cdv{padding: 10px 12px; border-radius: 9px; cursor: pointer; font-size: 13.5px; font-weight: 600; background: transparent; color: rgb(51, 71, 95);}
.cdw{padding: 10px 12px; border-radius: 9px; cursor: pointer; font-size: 13.5px; font-weight: 700; background: rgb(236, 241, 247); color: rgb(31, 111, 178);}
.cdx{border: 1px solid rgb(232, 227, 218); border-radius: 24px; padding: 30px; background: rgb(255, 255, 255);}
.cdy{font-size: 15px; color: rgb(102, 120, 143); line-height: 1.65; margin-top: 12px;}
.cdz{font-size: 12.5px; color: rgb(164, 179, 196); margin-top: 10px;}
.ce0{height: 1px; background: rgb(241, 238, 232); margin: 24px 0px;}
.ce1{margin-bottom: 26px;}
.ce2{font-size: 17.5px; font-weight: 700; color: rgb(22, 40, 61);}
.ce3{font-size: 14.5px; color: rgb(85, 105, 131); line-height: 1.7; margin-top: 10px;}
.ce4{display: flex; gap: 10px; font-size: 14px; color: rgb(51, 71, 95); line-height: 1.6;}
.ce5{color: rgb(31, 111, 178); font-weight: 800;}
.ce6{border-top: 1px solid rgb(241, 238, 232); padding-top: 20px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap;}
.ce7{background: rgb(31, 111, 178); color: rgb(255, 255, 255); border: 0px; padding: 11px 20px; border-radius: 10px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 13.5px; cursor: pointer;}
.ce8{position: relative; overflow: hidden; border-radius: 36px; background: rgb(11, 22, 38); color: rgb(255, 255, 255); padding: clamp(40px, 7vw, 96px) clamp(22px, 5vw, 72px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: clamp(28px, 5vw, 64px); align-items: center;}
.ce9{position: absolute; top: -160px; right: -120px; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 138, 61, 0.3), transparent 65%); pointer-events: none;}
.cea{position: absolute; bottom: -200px; left: -140px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(31, 111, 178, 0.4), transparent 65%); pointer-events: none;}
.ceb{position: relative; animation: 0.8s cubic-bezier(0.22, 0.8, 0.28, 1) 0s 1 normal both running vsIn;}
.cec{font-size: clamp(34px, 5vw, 60px); font-weight: 800; line-height: 1.02; letter-spacing: -0.04em; margin-top: 16px; color: rgb(255, 255, 255);}
.ced{font-size: 17px; color: rgb(185, 202, 222); line-height: 1.65; margin: 16px 0px 0px; max-width: 460px;}
.cee{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 28px;}
.cef{display: inline-flex; align-items: center; gap: 8px; background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 15px 24px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px; cursor: pointer; box-shadow: rgba(255, 106, 19, 0.7) 0px 14px 30px -10px; transition: transform 0.25s;}
.ceg{display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.3); padding: 15px 22px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px; cursor: pointer;}
.ceh{position: relative; display: flex; justify-content: center; animation: 0.8s cubic-bezier(0.22, 0.8, 0.28, 1) 0.1s 1 normal both running vsIn;}
.cei{position: relative; width: min(100%, 380px); aspect-ratio: 4 / 5; border-radius: 28px; background: linear-gradient(rgb(207, 224, 240), rgb(159, 186, 214)); border: 10px solid rgb(28, 43, 64); box-shadow: rgba(0, 0, 0, 0.6) 0px 40px 80px -30px; overflow: hidden;}
.cej{position: absolute; inset: 0px; display: flex; flex-direction: column;}
.cek{flex: 1 1 0%; border-top: 1px solid rgba(0, 0, 0, 0.18); background: linear-gradient(rgb(91, 103, 115) 0%, rgb(61, 70, 80) 60%, rgb(43, 50, 58) 100%); transform: perspective(400px) rotateX(-8deg); opacity: 1;}
.cel{flex: 1 1 0%; border-top: 1px solid rgba(0, 0, 0, 0.18); background: linear-gradient(rgb(91, 103, 115) 0%, rgb(61, 70, 80) 60%, rgb(43, 50, 58) 100%); transform: perspective(400px) rotateX(8deg); opacity: 1;}
.cem{flex: 1 1 0%; border-top: 1px solid rgba(0, 0, 0, 0.18); background: linear-gradient(rgb(91, 103, 115) 0%, rgb(61, 70, 80) 60%, rgb(43, 50, 58) 100%); transform: perspective(400px) rotateX(-8deg); opacity: 0;}
.cen{flex: 1 1 0%; border-top: 1px solid rgba(0, 0, 0, 0.18); background: linear-gradient(rgb(91, 103, 115) 0%, rgb(61, 70, 80) 60%, rgb(43, 50, 58) 100%); transform: perspective(400px) rotateX(8deg); opacity: 0;}
.ceo{position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: clamp(72px, 10vw, 120px); letter-spacing: -0.05em; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.35) 0px 10px 30px;}
.cep{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 14px;}
.ceq{display: flex; align-items: center; gap: 14px; padding: 18px 20px; border: 1px solid rgb(232, 227, 218); border-radius: 22px; background: rgb(255, 255, 255); cursor: pointer; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;}
.cer{width: 46px; height: 46px; border-radius: 14px; background: rgb(236, 241, 247); color: rgb(31, 111, 178); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.ces{display: block; font-weight: 700; font-size: 15px; color: rgb(11, 22, 38);}
.cet{display: block; font-size: 12.5px; color: rgb(138, 155, 176); margin-top: 2px;}
.ceu{font-family: "Material Symbols Rounded"; font-size: 20px; line-height: 1; display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; color: rgb(138, 155, 176);}
.cev{display: flex; flex-direction: column; gap: 14px;}
.cew{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 12px;}
.cex{grid-column: auto; display: block;}
.cey{font-size: 12.5px; color: rgb(102, 120, 143); font-weight: 600; display: block; margin-bottom: 5px;}
.cez{width: 100%; border: 1px solid rgb(221, 214, 202); border-radius: 9px; padding: 11px 13px; font-size: 14px; outline: none;}
.cf0{grid-column: span 2; display: block;}
.cf1{display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 12px; cursor: pointer; border: 2px solid rgb(31, 111, 178); background: rgb(245, 249, 253);}
.cf2{width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; display: block; border: 5px solid rgb(31, 111, 178); background: rgb(255, 255, 255);}
.cf3{font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 14px; color: rgb(11, 22, 38);}
.cf4{display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 12px; cursor: pointer; border: 1px solid rgb(226, 233, 241); background: rgb(255, 255, 255);}
.cf5{width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; display: block; border: 2px solid rgb(203, 216, 230); background: rgb(255, 255, 255);}
.cf6{font-size: 19px;}
.cf7{font-size: 16px; font-weight: 700; color: rgb(22, 40, 61); margin-bottom: 12px;}
.cf8{width: 100%; min-height: 88px; border: 1px solid rgb(221, 214, 202); border-radius: 10px; padding: 12px 14px; font-size: 14px; outline: none; resize: vertical;}
.cf9{display: flex; gap: 10px; align-items: flex-start; margin-top: 14px;}
.cfa{display: flex; gap: 11px; padding: 9px 0px; border-bottom: 1px solid rgb(242, 245, 249);}
.cfb{width: 46px; height: 46px; border-radius: 9px; overflow: hidden; flex-shrink: 0;}
.cfc{font-weight: 600; font-size: 13px; color: rgb(22, 40, 61);}
.cfd{font-size: 11.5px; color: rgb(138, 155, 176);}
.cfe{font-weight: 700; font-size: 13px; color: rgb(11, 22, 38);}
.cff{margin-top: 12px;}
.cfg{display: flex; justify-content: space-between; font-size: 13.5px; padding: 5px 0px; color: rgb(102, 120, 143);}
.cfh{border-top: 1px solid rgb(241, 238, 232); margin-top: 10px; padding-top: 14px; display: flex; justify-content: space-between; align-items: baseline;}
.cfi{width: 100%; margin-top: 16px; background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 16px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15.5px; cursor: pointer;}
.cfj{margin-top: 12px; font-size: 12.5px; color: rgb(138, 155, 176); line-height: 1.6;}
.cfk{border: 1px solid rgb(232, 227, 218); border-radius: 26px; padding: 48px 28px; background: rgb(255, 255, 255); text-align: center; max-width: 640px; margin: 0px auto;}
.cfl{width: 72px; height: 72px; margin: 0px auto; border-radius: 50%; background: rgb(231, 245, 236); color: rgb(31, 138, 76); display: flex; align-items: center; justify-content: center; font-size: 34px;}
.cfm{font-size: 26px; font-weight: 800; color: rgb(11, 22, 38); margin-top: 18px;}
.cfn{font-size: 15px; color: rgb(102, 120, 143); line-height: 1.6; margin-top: 12px;}
.cfo{color: rgb(22, 40, 61);}
.cfp{display: flex; gap: 12px; justify-content: center; margin-top: 24px; flex-wrap: wrap;}
.cfq{background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 14px 26px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px; cursor: pointer;}
.cfr{background: rgb(255, 255, 255); color: rgb(51, 74, 99); border: 1px solid rgb(221, 214, 202); padding: 14px 24px; border-radius: 999px; font-weight: 700; font-size: 15px; cursor: pointer;}
.cfs{position: fixed; inset: 0px; z-index: 3300; background: rgba(10, 22, 40, 0.6); display: flex; align-items: center; justify-content: center; padding: 20px; animation: 0.18s ease 0s 1 normal none running vsFade;}
.cft{position: absolute; inset: 0px;}
.cfu{position: relative; width: 100%; max-width: 460px; background: rgb(255, 255, 255); border-radius: 24px; padding: 26px; box-shadow: rgba(10, 22, 40, 0.4) 0px 30px 70px; animation: 0.2s ease 0s 1 normal none running vsPop;}
.cfv{position: absolute; top: 14px; right: 16px; font-size: 21px; color: rgb(138, 155, 176); cursor: pointer;}
.cfw{font-size: 21px; font-weight: 800; color: rgb(11, 22, 38);}
.cfx{font-size: 13.5px; color: rgb(102, 120, 143); line-height: 1.55; margin-top: 8px;}
.cfy{display: flex; flex-direction: column; gap: 10px; margin-top: 18px;}
.cfz{border: 1px solid rgb(221, 214, 202); border-radius: 10px; padding: 12px 14px; font-size: 14px; outline: none;}
.cg0{width: 100%; margin-top: 16px; background: rgb(255, 106, 19); color: rgb(255, 255, 255); border: 0px; padding: 15px; border-radius: 999px; font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 15px; cursor: pointer;}
.cg1{text-align: center; font-size: 12px; color: rgb(138, 155, 176); margin-top: 10px;}
.cg2{position: fixed; inset: 0px; z-index: 3200; background: rgba(10, 22, 40, 0.6); animation: 0.18s ease 0s 1 normal none running vsFade;}
.cg3{position: relative; max-width: 660px; margin: 64px auto 0px; background: rgb(255, 255, 255); border-radius: 24px; overflow: hidden; box-shadow: rgba(10, 22, 40, 0.4) 0px 30px 70px; animation: 0.2s ease 0s 1 normal none running vsPop;}
.cg4{display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-bottom: 1px solid rgb(241, 238, 232);}
.cg5{font-size: 20px; color: rgb(138, 155, 176);}
.cg6{flex: 1 1 0%; border: 0px; font-size: 16px; outline: none; color: rgb(22, 40, 61);}
.cg7{font-size: 20px; color: rgb(138, 155, 176); cursor: pointer;}
.cg8{max-height: 400px; overflow-y: auto;}
.cg9{padding: 14px 20px 6px; font-size: 11.5px; font-weight: 700; color: rgb(138, 155, 176); text-transform: uppercase; letter-spacing: 0.06em;}
.cga{display: flex; gap: 8px; flex-wrap: wrap; padding: 0px 20px 14px;}
.cgb{border: 1px solid rgb(226, 233, 241); background: rgb(247, 250, 253); color: rgb(51, 74, 99); padding: 7px 13px; border-radius: 999px; font-size: 12.5px; font-weight: 600; cursor: pointer; white-space: nowrap;}
.cgc{padding: 6px 20px; font-size: 11.5px; font-weight: 700; color: rgb(138, 155, 176); text-transform: uppercase; letter-spacing: 0.06em; border-top: 1px solid rgb(242, 245, 249);}
.cgd{display: flex; align-items: center; gap: 13px; padding: 11px 20px; cursor: pointer;}
.cge{width: 52px; height: 44px; border-radius: 9px; overflow: hidden; flex-shrink: 0;}
.cgf{font-size: 12px; color: rgb(138, 155, 176);}
.cgg{font-family: "Plus Jakarta Sans"; font-weight: 700; font-size: 13.5px; color: rgb(11, 22, 38); white-space: nowrap;}
.cgh{padding: 14px 20px; border-top: 1px solid rgb(242, 245, 249); color: rgb(31, 111, 178); font-weight: 700; font-size: 14px; cursor: pointer;}
.cgi{position: fixed; inset: 0px; z-index: 3000; background: rgba(10, 22, 40, 0.55); animation: 0.18s ease 0s 1 normal none running vsFade;}
.cgj{position: absolute; top: 0px; left: 0px; bottom: 0px; width: 300px; max-width: 86vw; background: rgb(255, 255, 255); padding: 20px; overflow-y: auto; box-shadow: rgba(10, 22, 40, 0.3) 8px 0px 34px;}
.cgk{display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}
.cgl{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 15px; color: rgb(11, 22, 38);}
.cgm{font-size: 22px; color: rgb(138, 155, 176); cursor: pointer;}
.cgn{border-bottom: 1px solid rgb(242, 245, 249);}
.cgo{padding: 13px 0px; font-weight: 700; font-size: 15px; color: rgb(22, 40, 61); cursor: pointer;}
.cgp{display: flex; flex-wrap: wrap; gap: 6px; padding: 0px 0px 12px;}
.cgq{font-size: 12.5px; font-weight: 600; color: rgb(51, 74, 99); background: rgb(242, 246, 251); padding: 6px 10px; border-radius: 999px; cursor: pointer;}
.cgr{display: block; margin-top: 20px; background: rgb(236, 241, 247); border-radius: 999px; padding: 14px; text-align: center; font-family: "Plus Jakarta Sans"; font-weight: 700;}
.cgs{font-size: 13px; color: rgb(138, 155, 176); margin-bottom: 12px;}
.cgt{font-size: 14.5px; color: rgb(102, 120, 143); margin: 10px 0px 20px;}
.cgu{color: rgb(22, 40, 61); font-weight: 700;}
.cgv{display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 20px;}
.cgw{border: 1px solid rgb(221, 214, 202); background: rgb(255, 255, 255); color: rgb(51, 74, 99); padding: 8px 15px; border-radius: 999px; font-size: 13px; font-weight: 600; cursor: pointer;}
.cgx{border: 1px solid rgb(232, 227, 218); border-radius: 20px; overflow: hidden; background: rgb(255, 255, 255); display: flex; flex-direction: column;}
.cgy{height: 160px; position: relative; cursor: pointer;}
.cgz{padding: 15px; display: flex; flex-direction: column; flex: 1 1 0%;}
.ch0{font-size: 15.5px; font-weight: 700; color: rgb(22, 40, 61);}
.ch1{font-size: 12.5px; color: rgb(102, 120, 143); line-height: 1.5; margin-top: 6px; flex: 1 1 0%;}
.ch2{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; flex-wrap: wrap;}
.ch3{font-family: "Plus Jakarta Sans"; font-weight: 800; font-size: 16px; color: rgb(11, 22, 38);}
/* stavy (hover, focus…) */
.scp0:hover { color: rgb(255, 255, 255) !important; }
.scp1:hover { border-color: rgb(201, 216, 232) !important; background: rgb(255, 255, 255) !important; }
.scp2:hover { background: rgb(31, 111, 178) !important; transform: translateY(-1px) !important; }
.scp3:hover { transform: translateY(-1px) !important; }
.scp4:hover { background: rgb(242, 246, 251) !important; }
.scp5:hover { transform: translateY(-3px) !important; }
.scp6:hover { border-color: rgb(11, 22, 38) !important; }
.scp7:hover { background: rgb(244, 241, 236) !important; }
.scp8:hover { color: rgb(31, 111, 178) !important; }
.scp9:hover { box-shadow: rgba(11, 22, 38, 0.55) 0px 36px 60px -30px !important; }
.scpa:hover { transform: scale(1.06) !important; }
.scpb:hover { background: rgba(255, 255, 255, 0.3) !important; }
.scpc:hover { background: rgba(255, 255, 255, 0.18) !important; }
.scpd:hover { transform: translateY(-5px) !important; box-shadow: rgba(40, 30, 15, 0.3) 0px 24px 44px -24px !important; }
.scpe:hover { transform: scale(1.07) !important; }
.scpf:hover { border-color: rgb(31, 111, 178) !important; color: rgb(31, 111, 178) !important; }
.scpg:hover { background: rgb(31, 111, 178) !important; color: rgb(255, 255, 255) !important; }
.scph:hover { background: rgb(31, 111, 178) !important; }
.scpi:hover { box-shadow: rgba(40, 30, 15, 0.1) 0px 16px 32px !important; }
.scpj:hover { background: rgb(23, 91, 149) !important; }
.scpk:hover { border-color: rgb(31, 111, 178) !important; color: rgb(22, 40, 61) !important; transform: translateY(-2px) !important; }
.scpl:hover { background: rgba(255, 255, 255, 0.15) !important; }
.scpm:hover { background: rgba(255, 255, 255, 0.2) !important; }
.scpn:hover { background: rgb(232, 92, 8) !important; }
.scpo:hover { border-color: rgb(31, 111, 178) !important; }
.scpp:hover { transform: translateY(-4px) !important; box-shadow: rgba(40, 30, 15, 0.1) 0px 16px 32px !important; }
.scpq:focus { border-color: rgb(31, 111, 178) !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(31, 111, 178, 0.12) 0px 0px 0px 4px !important; }
.scpr:hover { color: rgb(255, 180, 136) !important; }
.scps:hover { color: rgb(255, 255, 255) !important; padding-left: 6px !important; }
.scpt:hover { color: rgb(11, 22, 38) !important; }
.scpu:hover { transform: translateY(-5px) !important; box-shadow: rgba(40, 30, 15, 0.1) 0px 18px 36px !important; border-color: rgb(207, 224, 240) !important; }
.scpv:hover { transform: translateY(-4px) !important; box-shadow: rgba(15, 33, 56, 0.1) 0px 14px 28px !important; filter: grayscale(0) !important; opacity: 1 !important; }
.scpw:hover { color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.18) !important; }
.scpx:hover { transform: translateY(-5px) !important; box-shadow: rgba(40, 30, 15, 0.1) 0px 16px 32px !important; }
.scpy:hover { box-shadow: rgba(11, 22, 38, 0.55) 0px 34px 60px -28px !important; }
.scpz:hover { transform: translateY(-4px) !important; border-color: rgb(31, 111, 178) !important; box-shadow: rgba(11, 22, 38, 0.35) 0px 20px 40px -22px !important; }
.scp10:hover { color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.16) !important; }
.scp11:hover { background: rgb(255, 255, 255) !important; color: rgb(11, 22, 38) !important; border-color: rgb(255, 255, 255) !important; }
.scp12:hover { color: rgb(255, 255, 255) !important; transform: translateX(4px) !important; }
.scp13:hover { color: rgb(255, 138, 61) !important; }
.scp14:hover { color: rgb(207, 224, 242) !important; }
.scp15:hover { background: rgb(247, 250, 253) !important; }
.scp16:hover { border-color: rgb(255, 106, 19) !important; color: rgb(255, 106, 19) !important; transform: rotate(90deg) !important; }
.scp17:hover { background: rgb(232, 92, 8) !important; transform: translateY(-2px) !important; box-shadow: rgba(255, 106, 19, 0.42) 0px 16px 32px !important; }
.scp18:hover { background: rgb(255, 106, 19) !important; }
.scp19:hover { background: rgb(236, 241, 247) !important; }
.scp1a:hover { transform: translateY(-4px) scale(1.05) !important; opacity: 1 !important; }
.scp1b:hover { transform: translateY(-4px) !important; background: rgb(255, 106, 19) !important; }
/* ===== Responzivní úpravy (sjednoceno podle komponent, původně p*_* třídy) ===== */
/* tablet */
@media (min-width:760px) and (max-width:1099px){
.c16{padding-right:8px;padding-left:8px}
.c5t{padding-right:8px;padding-left:8px}
.c5u{padding:22px 24px 48px 24px}
.c7m{font-size:46px}
.c7o{grid-template-columns:minmax(0px, 1fr)}
.c54{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.c8z{grid-template-columns:minmax(0px, 1fr) 300px}
.c28{grid-template-columns:repeat(3, minmax(0px, 1fr))}
.c2l{grid-auto-rows:260px}
.c3g{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.can{grid-template-columns:minmax(0px, 1fr)}
.c6s{grid-template-columns:minmax(0px, 1fr)}
.c77{font-size:36px}
.c7h{grid-template-columns:repeat(3, minmax(0px, 1fr))}
.c69{grid-template-columns:repeat(2, minmax(0px, 1fr));grid-auto-rows:300px}
.c6a{grid-row-start:auto}
.c6h{font-size:24px}
.cbj{grid-template-columns:minmax(0px, 1fr)}
.cbk{position:revert;top:revert}
.cbl{height:440px}
.cda{grid-template-columns:minmax(0px, 1fr)}
}
/* mobil */
@media (max-width:759px){
.c5u{padding:16px 16px 30px 16px}
.c7m{font-size:34px}
.c7o{grid-template-columns:minmax(0px, 1fr);gap:14px;margin-top:28px}
.c4w{margin:24px 8px 8px 8px;border-radius:26px}
.c4z{padding:30px 18px 26px 18px;align-items:flex-start}
.c50{font-size:28px}
.c54{padding:28px 18px 28px 18px;grid-template-columns:1fr;gap:22px}
.c5h{padding:16px 18px 16px 18px}
.cb2{font-size:21px;margin-top:26px;margin-bottom:12px}
.cds{grid-template-columns:minmax(0px, 1fr);gap:16px}
.c9f{position:revert;top:revert}
.c8y{font-size:28px}
.c8t{gap:8px}
.c8u{font-size:12.5px}
.c8w{font-size:12.5px}
.c8z{grid-template-columns:minmax(0px, 1fr);gap:16px}
.cew{grid-template-columns:minmax(0px, 1fr)}
.cf0{grid-column-start:auto}
.c28{grid-template-columns:minmax(0px, 1fr)}
.c2l{grid-template-columns:minmax(0px, 1fr)}
.c31{border-radius:26px}
.c32{border-radius:26px;grid-column-start:auto}
.c3g{grid-template-columns:minmax(0px, 1fr)}
.c3s{padding:40px 16px 40px 16px}
.c45{width:84%}
.can{grid-template-columns:minmax(0px, 1fr);border-radius:20px}
.cao{padding:26px 20px 26px 20px}
.caq{font-size:26px}
.cay{min-height:220px}
.c78{grid-template-columns:1fr;gap:12px;margin-top:14px}
.cb7{grid-template-columns:minmax(0px, 1fr);gap:0px}
.c6m{margin-top:18px;padding:20px 20px 20px 20px}
.c9q{grid-template-columns:minmax(0px, 1fr);gap:16px}
.c6s{grid-template-columns:minmax(0px, 1fr);gap:22px;margin-top:6px}
.c60{font-size:28px}
.c6y{height:240px}
.c6z{bottom:14px}
.c72{margin-top:28px;padding:22px 16px 22px 16px;gap:14px}
.c77{font-size:27px;margin-bottom:2px}
.c7e{margin-top:30px;padding:26px 18px 26px 18px}
.c7h{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.c64{margin-top:20px}
.c65{padding:9px 13px 9px 13px}
.c67{padding:9px 13px 9px 13px}
.c69{grid-template-columns:minmax(0px, 1fr);grid-auto-rows:320px;gap:14px;margin-top:24px}
.c6a{border-radius:24px;grid-row-start:auto;grid-column-start:auto}
.c6h{font-size:18px}
.c6k{border-radius:24px}
.cbj{grid-template-columns:minmax(0px, 1fr);gap:20px}
.cbk{position:revert;top:revert}
.cbl{height:300px}
.cbq{height:64px}
.cbr{height:64px}
.cbv{font-size:30px}
.cck{gap:14px;flex-direction:column}
.cct{flex-direction:column;align-items:stretch;bottom:62px}
.ccw{margin-left:0px}
.cd6{margin-top:34px}
.cd7{padding:10px 14px}
.cd8{padding:10px 14px}
.cda{grid-template-columns:minmax(0px, 1fr);gap:24px}
.cdl{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
}