/* WeldCloud — generated by tools/build.mjs. Edit tools/build.mjs, not this file. */

@font-face { font-family:'Museo Sans'; font-style:normal; font-weight:300; font-display:swap; src:url('/assets/fonts/museosans-300.woff2') format('woff2'); }
@font-face { font-family:'Museo Sans'; font-style:normal; font-weight:700; font-display:swap; src:url('/assets/fonts/museosans-700.woff2') format('woff2'); }
@font-face { font-family:'Roboto'; font-style:normal; font-weight:300; font-display:swap; src:url('/assets/fonts/roboto-300.woff2') format('woff2'); }
@font-face { font-family:'Roboto'; font-style:normal; font-weight:400; font-display:swap; src:url('/assets/fonts/roboto-400.woff2') format('woff2'); }
@font-face { font-family:'Roboto'; font-style:normal; font-weight:500; font-display:swap; src:url('/assets/fonts/roboto-500.woff2') format('woff2'); }
@font-face { font-family:'Roboto'; font-style:normal; font-weight:700; font-display:swap; src:url('/assets/fonts/roboto-700.woff2') format('woff2'); }

*{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:96px;}
body{margin:0; font-family:'Roboto',system-ui,sans-serif; color:#1a171b; background:#fff; -webkit-font-smoothing:antialiased;}
img{max-width:100%;}
a{color:var(--brand-accent);}

/* Brand accents, per app page. */
body{--brand-accent:#0691a8; --brand-accent-light:#36c6db;}
body[data-brand="wcn"]{--brand-accent:#1a61a1; --brand-accent-light:#6fa9db;}
body[data-brand="wcp"]{--brand-accent:#245e30; --brand-accent-light:#8fd49b;}
body[data-brand="wcf"]{--brand-accent:#931919; --brand-accent-light:#e79b95;}
body[data-brand="wca"]{--brand-accent:#c7074e; --brand-accent-light:#ec8fb4;}

@keyframes wcPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.82);}}
@keyframes wcArc{0%{opacity:.25;}50%{opacity:.6;}100%{opacity:.25;}}

/* Scroll reveal. Applied from CSS (not JS, as the prototype did) so hidden
   elements are hidden at first paint instead of flashing in and back out. */
html.js [data-reveal]{opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1);}
html.js [data-reveal].is-visible{opacity:1; transform:none;}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  html.js [data-reveal]{opacity:1; transform:none; transition:none;}
  *{animation-duration:.001ms !important; animation-iteration-count:1 !important;}
}

:focus-visible{outline:2px solid var(--brand-accent-light); outline-offset:2px;}


/* ---- Design styles, lifted from inline attributes ---- */
.x1{font-family:'Roboto',system-ui,sans-serif; color:#1a171b; overflow-x:hidden;}
.x2{position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:18px 40px; transition:background .3s ease, box-shadow .3s ease, padding .3s ease;}
.x3{display:flex; align-items:center; gap:10px; text-decoration:none;}
.x4{font-family:'Museo Sans','Roboto',sans-serif; font-weight:700; font-size:21px; letter-spacing:.005em; color:#ffffff;}
.x5{display:flex; align-items:center; gap:34px;}
.x6{display:flex; align-items:center; gap:30px;}
.x7{font-size:15px; font-weight:500; color:rgba(255,255,255,.82); text-decoration:none;}
.x8{display:inline-flex; align-items:center; height:42px; padding:0 22px; background:#0691a8; color:#fff; font-size:15px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12); transition:background .25s ease;}
.x8:hover{background:#06a9c6;}
.x9{position:relative; background:radial-gradient(1100px 620px at 72% -8%, #143b42 0%, #1a171b 58%); padding:160px 40px 110px; overflow:hidden;}
.x10{position:absolute; top:-120px; right:-80px; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle, rgba(6,145,168,.28), transparent 68%); filter:blur(10px); animation:wcArc 7s ease-in-out infinite; pointer-events:none;}
.x11{max-width:1240px; margin:0 auto; display:grid; grid-template-columns:1.02fr 1fr; gap:56px; align-items:center;}
.x12{display:inline-flex; align-items:center; gap:9px; padding:7px 14px; border:1px solid rgba(54,198,219,.4); border-radius:999px; margin-bottom:26px;}
.x13{width:7px; height:7px; border-radius:50%; background:#36c6db; animation:wcPulse 2.2s ease-in-out infinite;}
.x14{font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#9fdfe9;}
.x15{font-family:'Museo Sans','Roboto',sans-serif; font-weight:700; font-size:clamp(42px,5.4vw,76px); line-height:1.02; letter-spacing:-.02em; color:#fff; margin:0 0 22px;}
.x16{font-size:20px; line-height:1.6; color:#c4c8cb; max-width:520px; margin:0 0 24px;}
.x17{display:flex; flex-wrap:wrap; gap:10px 20px; margin:0 0 30px;}
.x18{display:inline-flex; align-items:center; gap:8px; font-size:14px; color:#c4c8cb;}
.x19{width:6px; height:6px; border-radius:50%; background:#36c6db;}
.x20{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.x21{display:inline-flex; align-items:center; height:54px; padding:0 30px; background:#0691a8; color:#fff; font-size:17px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 4px 8px rgba(0,0,0,.28); transition:transform .2s ease,background .25s ease;}
.x21:hover{background:#06a9c6; transform:translateY(-2px);}
.x22{display:inline-flex; align-items:center; gap:9px; height:54px; padding:0 26px; background:transparent; color:#fff; font-size:17px; font-weight:500; border:1px solid rgba(255,255,255,.32); border-radius:4px; text-decoration:none; transition:border-color .2s ease;}
.x22:hover{border-color:rgba(255,255,255,.85);}
.x23{font-size:14px; color:#8b8f92; margin:22px 0 0;}
.x24{position:relative;}
.x25{background:#fff; border-radius:10px; box-shadow:0 30px 60px -20px rgba(0,0,0,.55); overflow:hidden;}
.x26{height:46px; background:linear-gradient(to right,#1e5028,#27833a); display:flex; align-items:center; gap:8px; padding:0 16px;}
.x27{width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.4);}
.x28{margin-left:10px; font-family:'Museo Sans',sans-serif; font-weight:700; font-size:14px; color:#fff;}
.x29{padding:18px;}
.x30{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:16px;}
.x31{background:#f6f7f7; border:1px solid #eceded; border-radius:6px; padding:11px 12px;}
.x32{font-size:10.5px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; color:#7e8183; white-space:nowrap;}
.x33{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:25px; color:#1a171b; margin-top:3px; white-space:nowrap;}
.x34{font-size:11px; font-weight:600; color:#245e30;}
.x35{font-size:10.5px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; color:#7e8183;}
.x36{font-size:11px; font-weight:600; color:#7e8183;}
.x37{border:1px solid #eceded; border-radius:6px; padding:14px;}
.x38{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.x39{font-size:12.5px; font-weight:500; color:#1a171b;}
.x40{display:inline-flex; align-items:center; gap:5px; font-size:10.5px; font-weight:600; color:#e23900; background:#fbe7e0; padding:3px 8px; border-radius:3px;}
.x41{width:6px; height:6px; border-radius:50%; background:#e23900; animation:wcPulse 1.4s ease-in-out infinite;}
.x42{padding-top:8px;}
.x43{width:100%; height:134px; display:block; overflow:visible;}
.x44{position:absolute; bottom:-26px; left:-26px; width:230px; background:#1a171b; border:1px solid #2e2b2f; border-radius:9px; padding:13px 15px; box-shadow:0 18px 40px -12px rgba(0,0,0,.6);}
.x45{display:flex; align-items:center; gap:8px; margin-bottom:9px;}
.x46{width:8px; height:8px; border-radius:50%; background:#78c028; animation:wcPulse 1.8s ease-in-out infinite;}
.x47{font-size:12px; font-weight:600; color:#fff;}
.x48{margin-left:auto; font-size:9.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#78c028;}
.x49{display:flex; justify-content:space-between;}
.x50{font-size:9px; color:#8b8f92; text-transform:uppercase; letter-spacing:.06em;}
.x51{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:18px; color:#36c6db;}
.x52{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:18px; color:#fff;}
.x53{background:#f7f7f8; border-bottom:1px solid #eceded; padding:34px 40px;}
.x54{max-width:1180px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:28px;}
.x55{font-size:13px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; color:#9aa0a3; white-space:nowrap;}
.x56{display:flex; align-items:center; justify-content:flex-end; gap:52px; flex-wrap:wrap; flex:1;}
.x57{height:26px; width:auto; object-fit:contain;}
.x58{height:38px; width:auto; object-fit:contain;}
.x59{height:34px; width:auto; object-fit:contain;}
.x60{height:40px; width:auto; object-fit:contain;}
.x61{height:32px; width:auto; object-fit:contain;}
.x62{padding:108px 40px 40px; background:#fff;}
.x63{max-width:1180px; margin:0 auto;}
.x64{max-width:680px; margin-bottom:78px;}
.x65{font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#0691a8; margin-bottom:16px;}
.x66{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:clamp(30px,3.6vw,46px); line-height:1.08; letter-spacing:-.01em; color:#1a171b; margin:0 0 18px;}
.x67{font-size:19px; line-height:1.6; color:#5a5d5f; margin:0;}
.x68{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; padding:38px 0 78px;}
.x69{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#245e30; background:#e7efe9; padding:6px 12px; border-radius:4px; margin-bottom:20px;}
.x70{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:31px; line-height:1.12; color:#1a171b; margin:0 0 16px;}
.x71{font-size:18px; line-height:1.62; color:#5a5d5f; margin:0 0 22px;}
.x72{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px;}
.x73{display:flex; gap:11px; font-size:16px; color:#26292a;}
.x74{color:#245e30; font-weight:700;}
.x75{background:#1a171b; border-radius:12px; padding:22px; box-shadow:0 26px 54px -22px rgba(0,0,0,.45);}
.x76{display:flex; align-items:center; gap:9px; margin-bottom:16px;}
.x77{width:9px; height:9px; border-radius:50%; background:#78c028; animation:wcPulse 1.8s ease-in-out infinite;}
.x78{font-size:15px; font-weight:600; color:#fff;}
.x79{margin-left:auto; font-size:11px; color:#8b8f92;}
.x80{display:flex; flex-direction:column; gap:11px;}
.x81{background:#221f23; border-radius:8px; padding:13px 15px;}
.x82{display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;}
.x83{font-size:13px; font-weight:500; color:#e7e9ea;}
.x84{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:16px; color:#36c6db;}
.x85{width:100%; height:24px; display:block;}
.x86{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:16px; color:#78c028;}
.x87{font-size:13px; font-weight:500; color:#9aa0a3;}
.x88{font-size:11px; font-weight:600; color:#8b8f92; text-transform:uppercase; letter-spacing:.06em;}
.x89{order:2; background:#fff; border:1px solid #e7e8e9; border-radius:12px; box-shadow:0 26px 54px -24px rgba(0,0,0,.32); overflow:hidden;}
.x90{background:#26292a; padding:18px 22px; display:flex; align-items:center; justify-content:space-between;}
.x91{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#9aa0a3;}
.x92{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:18px; color:#fff; margin-top:2px;}
.x93{font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:#78c028; padding:5px 11px; border-radius:4px;}
.x94{padding:22px;}
.x95{display:grid; grid-template-columns:1fr 1fr; gap:16px 22px;}
.x96{font-size:13px; font-weight:700; color:#445771;}
.x97{font-size:15px; color:#1a171b; margin-top:2px;}
.x98{display:flex; gap:8px; margin-top:22px; padding-top:18px; border-top:1px solid #eceded;}
.x99{font-size:11px; font-weight:600; color:#1a61a1; background:#e7eff6; padding:4px 10px; border-radius:4px;}
.x100{font-size:11px; font-weight:600; color:#7e8183; background:#f0f0f0; padding:4px 10px; border-radius:4px;}
.x101{order:1;}
.x102{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#1a61a1; background:#e7eff6; padding:6px 12px; border-radius:4px; margin-bottom:20px;}
.x103{color:#1a61a1; font-weight:700;}
.x104{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; padding:38px 0 40px;}
.x105{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#0691a8; background:#e0f1f4; padding:6px 12px; border-radius:4px; margin-bottom:20px;}
.x106{color:#0691a8; font-weight:700;}
.x107{background:#f7f7f8; border:1px solid #eceded; border-radius:12px; padding:22px; box-shadow:0 26px 54px -24px rgba(0,0,0,.28);}
.x108{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:14px;}
.x109{background:#fff; border:1px solid #eceded; border-radius:8px; padding:14px 16px;}
.x110{font-size:11px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; color:#7e8183;}
.x111{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:30px; color:#1a171b; margin-top:3px;}
.x112{font-size:12px; color:#7e8183;}
.x113{background:#fff; border:1px solid #eceded; border-radius:8px; padding:16px;}
.x114{display:flex; justify-content:space-between; margin-bottom:14px;}
.x115{font-size:11px; color:#9fa3a5;}
.x116{display:flex; align-items:flex-end; gap:12px; height:130px;}
.x117{flex:1; height:0; background:#0691a8; border-radius:3px 3px 0 0; transition:height 1s cubic-bezier(.2,.7,.3,1);}
.x118{flex:1; height:0; background:#0691a8; border-radius:3px 3px 0 0; transition:height 1s cubic-bezier(.2,.7,.3,1) .1s;}
.x119{flex:1; height:0; background:#0691a8; border-radius:3px 3px 0 0; transition:height 1s cubic-bezier(.2,.7,.3,1) .2s;}
.x120{flex:1; height:0; background:#0691a8; border-radius:3px 3px 0 0; transition:height 1s cubic-bezier(.2,.7,.3,1) .3s;}
.x121{flex:1; height:0; background:#0691a8; border-radius:3px 3px 0 0; transition:height 1s cubic-bezier(.2,.7,.3,1) .4s;}
.x122{flex:1; height:0; background:#36c6db; border-radius:3px 3px 0 0; transition:height 1s cubic-bezier(.2,.7,.3,1) .5s;}
.x123{background:linear-gradient(to right,#8d044c,#bf074e); padding:16px 20px;}
.x124{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.82);}
.x125{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:17px; color:#fff; margin-top:2px;}
.x126{display:flex; align-items:flex-start; margin-bottom:20px;}
.x127{display:flex; flex-direction:column; align-items:center; flex:none; width:48px;}
.x128{width:24px; height:24px; border-radius:50%; background:#78c028; color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700;}
.x129{font-size:9.5px; color:#7e8183; margin-top:6px;}
.x130{flex:1; height:2px; background:#78c028; margin-top:11px;}
.x131{width:24px; height:24px; border-radius:50%; background:#c7074e; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 4px rgba(199,7,78,.18);}
.x132{width:8px; height:8px; border-radius:50%; background:#fff;}
.x133{font-size:9.5px; color:#c7074e; font-weight:700; margin-top:6px;}
.x134{flex:1; height:2px; background:#e3e4e5; margin-top:11px;}
.x135{width:24px; height:24px; border-radius:50%; background:#fff; border:2px solid #d8d9da; color:#9aa0a3; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700;}
.x136{font-size:9.5px; color:#9aa0a3; margin-top:6px;}
.x137{border:1px solid #eceded; border-radius:8px; padding:13px 15px;}
.x138{font-size:12px; font-weight:700; color:#445771; margin-bottom:10px;}
.x139{display:flex; flex-direction:column; gap:8px;}
.x140{display:flex; justify-content:space-between; font-size:13px;}
.x141{color:#7e8183;}
.x142{color:#1a171b; font-weight:500;}
.x143{display:flex; gap:8px; margin-top:13px; padding-top:12px; border-top:1px solid #eceded;}
.x144{font-size:11px; font-weight:600; color:#245e30; background:#e7efe9; padding:4px 10px; border-radius:4px;}
.x145{font-size:11px; font-weight:600; color:#c7074e; background:#fbe7ef; padding:4px 10px; border-radius:4px;}
.x146{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#c7074e; background:#fbe7ef; padding:6px 12px; border-radius:4px; margin-bottom:20px;}
.x147{color:#c7074e; font-weight:700;}
.x148{padding:100px 40px; background:#15171a;}
.x149{max-width:680px; margin-bottom:56px;}
.x150{font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#36c6db; margin-bottom:16px;}
.x151{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:clamp(30px,3.6vw,46px); line-height:1.08; letter-spacing:-.01em; color:#fff; margin:0 0 18px;}
.x152{font-size:19px; line-height:1.6; color:#b4b8bb; margin:0;}
.x153{display:grid; grid-template-columns:1fr 1fr; gap:22px;}
.x154{display:block; text-decoration:none; background:#1f2125; border:1px solid #2c2e32; border-radius:14px; padding:30px; transition:transform .3s ease, border-color .3s ease, background .3s ease;}
.x154:hover{border-color:#5aa6e0; background:#24262b;}
.x155{display:flex; align-items:center; gap:14px; margin-bottom:18px;}
.x156{width:50px; height:50px; border-radius:12px;}
.x157{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:21px; color:#fff;}
.x158{font-weight:300; color:#9fc3e4;}
.x159{font-size:13px; color:#8b8f92;}
.x160{font-size:15.5px; line-height:1.6; color:#c4c8cb; margin:0 0 18px;}
.x161{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px;}
.x162{font-size:12px; color:#cfe1f0; background:rgba(26,97,161,.22); border:1px solid rgba(26,97,161,.5); padding:4px 10px; border-radius:4px;}
.x163{font-size:15px; font-weight:600; color:#5aa6e0; text-decoration:none;}
.x164{display:block; text-decoration:none; background:#1f2125; border:1px solid #2c2e32; border-radius:14px; padding:30px; transition:transform .3s ease, border-color .3s ease, background .3s ease;}
.x164:hover{border-color:#6fc47f; background:#24262b;}
.x165{font-weight:300; color:#8fd49b;}
.x166{font-size:12px; color:#cfe9d4; background:rgba(36,94,48,.26); border:1px solid rgba(36,94,48,.6); padding:4px 10px; border-radius:4px;}
.x167{font-size:15px; font-weight:600; color:#6fc47f; text-decoration:none;}
.x168{display:block; text-decoration:none; background:#1f2125; border:1px solid #2c2e32; border-radius:14px; padding:30px; transition:transform .3s ease, border-color .3s ease, background .3s ease;}
.x168:hover{border-color:#e08079; background:#24262b;}
.x169{font-weight:300; color:#e79b95;}
.x170{font-size:12px; color:#f2cfca; background:rgba(147,25,25,.26); border:1px solid rgba(147,25,25,.6); padding:4px 10px; border-radius:4px;}
.x171{font-size:15px; font-weight:600; color:#e08079; text-decoration:none;}
.x172{display:block; text-decoration:none; background:#1f2125; border:1px solid #2c2e32; border-radius:14px; padding:30px; transition:transform .3s ease, border-color .3s ease, background .3s ease;}
.x172:hover{border-color:#e87aa8; background:#24262b;}
.x173{font-weight:300; color:#ec8fb4;}
.x174{font-size:12px; color:#f4cbdc; background:rgba(199,7,78,.24); border:1px solid rgba(199,7,78,.55); padding:4px 10px; border-radius:4px;}
.x175{font-size:15px; font-weight:600; color:#e87aa8; text-decoration:none;}
.x176{padding:104px 40px; background:#f7f7f8;}
.x177{max-width:700px; margin-bottom:48px;}
.x178{background:#fff; border:1px solid #eceded; border-radius:16px; padding:34px 34px 30px; margin-bottom:26px;}
.x179{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.x180{display:flex; flex-direction:column; align-items:center; text-align:center; gap:9px;}
.x181{width:46px; height:46px; border-radius:11px;}
.x182{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:15px; color:#1a171b;}
.x183{display:grid; grid-template-columns:repeat(4,1fr);}
.x184{display:flex; justify-content:center;}
.x185{width:2px; height:24px; background:#cfe3e7;}
.x186{display:flex; align-items:center; justify-content:center; gap:11px; background:linear-gradient(to right,#e0f1f4,#eaf6f2); border:1px solid #cfe3e7; border-radius:10px; padding:16px; text-align:center;}
.x187{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:16px; color:#0a6f80;}
.x188{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.x189{background:#fff; border:1px solid #eceded; border-radius:12px; padding:26px;}
.x190{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; margin-bottom:14px;}
.x191{color:#931919;}
.x192{color:#9aa0a3;}
.x193{color:#245e30;}
.x194{font-size:15.5px; line-height:1.6; color:#3d4042; margin:0;}
.x195{color:#1a61a1;}
.x196{color:#c7074e;}
.x197{padding:108px 40px; background:#fff;}
.x198{text-align:center; max-width:640px; margin:0 auto 64px;}
.x199{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:clamp(30px,3.6vw,46px); line-height:1.08; letter-spacing:-.01em; color:#1a171b; margin:0;}
.x200{display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.x201{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:15px; color:#0691a8; border:2px solid #0691a8; width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:20px;}
.x202{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:20px; color:#1a171b; margin:0 0 10px;}
.x203{font-size:15.5px; line-height:1.6; color:#5a5d5f; margin:0;}
.x204{padding:100px 40px; background:#f7f7f8;}
.x205{max-width:640px; margin-bottom:52px;}
.x206{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.x207{background:#fff; border:1px solid #eceded; border-radius:14px; padding:34px; box-shadow:0 14px 34px -20px rgba(0,0,0,.22);}
.x208{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:24px; color:#0691a8; letter-spacing:.02em; margin-bottom:22px;}
.x209{font-size:20px; line-height:1.5; color:#1a171b; margin:0 0 24px; font-weight:500;}
.x210{display:flex; gap:30px; border-top:1px solid #eceded; padding-top:22px;}
.x211{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:26px; color:#1a171b;}
.x212{font-size:13px; color:#7e8183;}
.x213{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:24px; color:#931919; letter-spacing:.02em; margin-bottom:22px;}
.x214{text-align:center; max-width:640px; margin:0 auto 60px;}
.x215{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:clamp(30px,3.6vw,46px); line-height:1.08; letter-spacing:-.01em; color:#1a171b; margin:0 0 16px;}
.x216{font-size:18px; line-height:1.6; color:#5a5d5f; margin:0 0 26px;}
.x217{display:inline-flex; align-items:center; gap:0; border:1px solid #cecfd0; border-radius:4px; overflow:hidden;}
.x218{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:stretch;}
.x219{display:flex; flex-direction:column; min-width:0; height:100%; background:#fff; border:1px solid #e3e4e5; border-radius:14px; padding:28px; position:relative;}
.x220{height:20px; display:flex; align-items:center; margin-bottom:8px;}
.x221{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:20px; color:#1a171b; margin-bottom:6px;}
.x222{font-size:14px; color:#7e8183; margin:0 0 20px; line-height:1.5; min-height:63px;}
.x223{min-height:104px; display:flex; flex-direction:column; justify-content:flex-start; gap:4px; margin-bottom:20px;}
.x224{display:flex; align-items:baseline; gap:7px; flex-wrap:wrap;}
.x225{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:34px; letter-spacing:-.01em; color:#1a171b;}
.x226{font-size:12.5px; color:#9a9d9f;}
.x227{display:flex; align-items:center; justify-content:center; height:46px; background:#fff; color:#1a171b; border:1px solid #cecfd0; border-radius:4px; font-size:15px; font-weight:500; text-decoration:none; margin-bottom:22px; transition:background .2s ease;}
.x227:hover{background:#f0f0f0;}
.x228{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px;}
.x229{display:flex; gap:10px; font-size:14px; line-height:1.45; color:#26292a;}
.x230{color:#0691a8; font-weight:700; flex:none;}
.x231{display:flex; flex-direction:column; min-width:0; height:100%; background:#1a171b; border:1px solid #1a171b; border-radius:14px; padding:28px; box-shadow:0 24px 50px -24px rgba(0,0,0,.5); outline:2px solid #0691a8; outline-offset:-1px; position:relative;}
.x232{font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#0691a8;}
.x233{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:20px; color:#fff; margin-bottom:6px;}
.x234{font-size:14px; color:#a9adb0; margin:0 0 20px; line-height:1.5; min-height:63px;}
.x235{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:28px; letter-spacing:-.01em; color:#fff;}
.x236{font-size:13px; color:#a9adb0;}
.x237{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:20px; color:#8b8f92;}
.x238{font-size:12.5px; color:#8b8f92;}
.x239{display:flex; align-items:center; justify-content:center; height:46px; background:#0691a8; color:#fff; border-radius:4px; font-size:15px; font-weight:500; text-decoration:none; margin-bottom:22px; transition:background .2s ease;}
.x239:hover{background:#06a9c6;}
.x240{display:flex; gap:10px; font-size:14px; line-height:1.45; color:#e7e9ea;}
.x241{color:#36c6db; font-weight:700; flex:none;}
.x242{display:flex; align-items:baseline; gap:7px;}
.x243{margin-top:34px; display:grid; grid-template-columns:1.25fr 1fr; gap:0; border:1px solid #e3e4e5; border-radius:14px; overflow:hidden; background:#fff;}
.x244{padding:34px 36px;}
.x245{font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#0691a8; margin-bottom:10px;}
.x246{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:26px; color:#1a171b; margin:0 0 6px;}
.x247{font-size:15px; line-height:1.55; color:#7e8183; margin:0 0 28px;}
.x248{margin-bottom:26px;}
.x249{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px;}
.x250{font-size:14px; font-weight:700; color:#445771;}
.x251{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:22px; color:#1a171b;}
.x252{width:100%; accent-color:#0691a8; height:22px; cursor:pointer;}
.x253{display:flex; justify-content:space-between; font-size:12px; color:#9a9d9f; margin-top:2px;}
.x254{background:#f0f0f0; border-left:1px solid #e3e4e5; padding:34px 36px; display:flex; flex-direction:column;}
.x255{font-size:14px; font-weight:700; color:#445771; margin-bottom:18px;}
.x256{display:flex; justify-content:space-between; align-items:baseline; padding:11px 0; border-bottom:1px solid #dedfe0;}
.x257{font-size:14px; color:#5a5d5f;}
.x258{font-size:15px; font-weight:500; color:#1a171b;}
.x259{padding:20px 0 4px;}
.x260{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:38px; line-height:1.05; color:#1a171b;}
.x261{font-size:13.5px; color:#7e8183; margin-top:4px;}
.x262{display:flex; align-items:center; justify-content:center; height:48px; margin-top:auto; background:#0691a8; color:#fff; border-radius:4px; font-size:15px; font-weight:500; text-decoration:none; transition:background .2s ease;}
.x262:hover{background:#06a9c6;}
.x263{font-size:12.5px; color:#9a9d9f; margin:12px 0 0; text-align:center;}
.x264{padding:104px 40px; background:#f7f7f8; border-top:1px solid #eceded;}
.x265{display:grid; grid-template-columns:1.15fr 1fr; gap:64px; align-items:start; margin-bottom:76px;}
.x266{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:clamp(30px,3.6vw,46px); line-height:1.08; letter-spacing:-.01em; color:#1a171b; margin:0 0 20px;}
.x267{font-size:18px; line-height:1.65; color:#3d4042; margin:0 0 16px; text-wrap:pretty;}
.x268{font-size:18px; line-height:1.65; color:#3d4042; margin:0; text-wrap:pretty;}
.x269{background:#fff; border:1px solid #eceded; border-radius:14px; padding:30px 32px;}
.x270{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:19px; color:#1a171b; margin:0 0 18px;}
.x271{display:flex; flex-direction:column; gap:18px;}
.x272{font-size:14px; font-weight:700; color:#445771; margin-bottom:4px;}
.x273{font-size:15px; line-height:1.55; color:#5a5d5f; margin:0;}
.x274{max-width:680px; margin-bottom:40px;}
.x275{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:clamp(28px,3.2vw,40px); line-height:1.1; letter-spacing:-.01em; color:#1a171b; margin:0;}
.x276{background:#fff; border:1px solid #eceded; border-radius:12px; padding:28px;}
.x277{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:18px; line-height:1.3; color:#1a171b; margin:0 0 12px;}
.x278{font-size:15.5px; line-height:1.62; color:#5a5d5f; margin:0; text-wrap:pretty;}
.x279{color:#0691a8; font-weight:500;}
.x280{position:relative; background:radial-gradient(900px 500px at 50% 0%, #0c5260 0%, #1a171b 62%); padding:110px 40px 100px; overflow:hidden;}
.x281{position:absolute; top:-100px; left:50%; transform:translateX(-50%); width:600px; height:400px; background:radial-gradient(circle, rgba(6,145,168,.3), transparent 70%); filter:blur(8px); animation:wcArc 8s ease-in-out infinite; pointer-events:none;}
.x282{position:relative; max-width:760px; margin:0 auto; text-align:center;}
.x283{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:clamp(34px,4.4vw,58px); line-height:1.05; letter-spacing:-.02em; color:#fff; margin:0 0 20px;}
.x284{font-size:20px; line-height:1.6; color:#c4c8cb; margin:0 0 38px;}
.x285{display:flex; justify-content:center; margin:0 auto 18px;}
.x286{display:inline-flex; align-items:center; height:54px; padding:0 34px; background:#0691a8; color:#fff; font-size:17px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 4px 12px rgba(0,0,0,.3); transition:background .25s ease,transform .2s ease;}
.x286:hover{background:#06a9c6; transform:translateY(-2px);}
.x287{font-size:14px; color:#8b8f92; margin:0;}
.x288{background:#15171a; padding:54px 40px 40px; border-top:1px solid #2c2e32;}
.x289{max-width:1180px; margin:0 auto; display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:40px;}
.x290{max-width:300px;}
.x291{display:flex; align-items:center; gap:9px; margin-bottom:14px;}
.x292{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:19px; color:#fff;}
.x293{font-size:14px; line-height:1.6; color:#8b8f92; margin:0;}
.x294{display:flex; gap:64px; flex-wrap:wrap;}
.x295{font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#6b6e71; margin-bottom:14px;}
.x296{display:flex; flex-direction:column; gap:10px;}
.x297{font-size:14.5px; color:#b4b8bb; text-decoration:none;}
.x298{max-width:1180px; margin:38px auto 0; padding-top:24px; border-top:1px solid #2c2e32; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;}
.x299{font-size:13px; color:#6b6e71;}
.x300{font-family:'Museo Sans','Roboto',sans-serif; font-weight:700; font-size:21px; color:#ffffff;}
.x301{font-weight:300;}
.x302{display:inline-flex; align-items:center; height:42px; padding:0 22px; background:#1a61a1; color:#fff; font-size:15px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12); transition:background .25s ease;}
.x302:hover{background:#2274bd;}
.x303{position:relative; background:radial-gradient(1100px 620px at 74% -10%, #163f63 0%, #14161a 60%); padding:158px 40px 104px; overflow:hidden;}
.x304{position:absolute; top:-140px; right:-60px; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle, rgba(26,97,161,.34), transparent 68%); filter:blur(10px); animation:wcArc 7s ease-in-out infinite; pointer-events:none;}
.x305{max-width:1240px; margin:0 auto; display:grid; grid-template-columns:1.04fr 1fr; gap:56px; align-items:center;}
.x306{display:inline-flex; align-items:center; gap:10px; margin-bottom:24px;}
.x307{width:38px; height:38px; border-radius:9px;}
.x308{font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#9fc3e4;}
.x309{font-family:'Museo Sans','Roboto',sans-serif; font-weight:700; font-size:clamp(40px,5vw,70px); line-height:1.03; letter-spacing:-.02em; color:#fff; margin:0 0 22px;}
.x310{font-size:20px; line-height:1.6; color:#c4c8cb; max-width:530px; margin:0 0 30px;}
.x311{display:inline-flex; align-items:center; height:54px; padding:0 30px; background:#1a61a1; color:#fff; font-size:17px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 4px 8px rgba(0,0,0,.28); transition:transform .2s ease,background .25s ease;}
.x311:hover{background:#2274bd; transform:translateY(-2px);}
.x312{display:inline-flex; align-items:center; height:54px; padding:0 26px; background:transparent; color:#fff; font-size:17px; font-weight:500; border:1px solid rgba(255,255,255,.32); border-radius:4px; text-decoration:none; transition:border-color .2s ease;}
.x312:hover{border-color:rgba(255,255,255,.85);}
.x313{height:46px; background:linear-gradient(to right,#163f63,#1a61a1); display:flex; align-items:center; justify-content:space-between; padding:0 16px;}
.x314{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:14px; color:#fff;}
.x315{font-size:11px; font-weight:500; color:#fff; background:rgba(255,255,255,.18); padding:4px 10px; border-radius:9999px;}
.x316{padding:18px; background:#f1f0f2;}
.x317{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
.x318{font-size:11px; font-weight:500; color:#fff; background:#1a61a1; padding:5px 11px; border-radius:4px;}
.x319{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
.x320{background:#fff; border:1px solid #e3e4e5; border-radius:6px; overflow:hidden;}
.x321{background:#26292a; padding:10px 12px;}
.x322{font-size:9px; color:#9aa0a2; letter-spacing:.05em;}
.x323{font-family:'Museo Sans',sans-serif; font-size:13px; font-weight:700; color:#fff;}
.x324{padding:11px 12px;}
.x325{font-size:10px; color:#7e8183; line-height:1.5;}
.x326{margin-top:9px; display:inline-block; font-size:9px; font-weight:700; color:#fff; background:#78c028; padding:3px 8px; border-radius:3px;}
.x327{background:#1a61a1; padding:10px 12px;}
.x328{font-size:9px; color:#bcd6ea; letter-spacing:.05em;}
.x329{margin-top:9px; display:inline-block; font-size:9px; font-weight:700; color:#fff; background:#f1a30a; padding:3px 8px; border-radius:3px;}
.x330{display:flex; gap:10px; margin-top:12px;}
.x331{flex:1; background:#fff; border:1px solid #e3e4e5; border-radius:4px; padding:11px 13px; display:flex; align-items:center; justify-content:space-between;}
.x332{font-size:11px; font-weight:700; color:#445771;}
.x333{font-family:'Museo Sans',sans-serif; font-size:20px; font-weight:300; color:#1a61a1;}
.x334{position:absolute; bottom:-62px; left:-56px; width:250px; background:#1a171b; border:1px solid #2e2b2f; border-radius:9px; padding:14px 16px; box-shadow:0 18px 40px -12px rgba(0,0,0,.6);}
.x335{display:flex; align-items:center; gap:8px; margin-bottom:10px;}
.x336{width:8px; height:8px; border-radius:50%; background:#f1a30a; animation:wcPulse 1.8s ease-in-out infinite;}
.x337{display:flex; flex-direction:column; gap:7px;}
.x338{display:flex; justify-content:space-between; font-size:11.5px;}
.x339{color:#c4c8cb;}
.x340{color:#f1a30a; font-weight:600;}
.x341{color:#8b8f92; font-weight:600;}
.x342{background:#f7f7f8; border-bottom:1px solid #eceded; padding:32px 40px;}
.x343{max-width:1180px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px;}
.x344{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.x345{font-size:13.5px; font-weight:500; color:#445771; background:#fff; border:1px solid #dfe3e8; padding:7px 14px; border-radius:4px;}
.x346{padding:104px 40px 96px; background:#fff;}
.x347{max-width:680px; margin-bottom:52px;}
.x348{font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#1a61a1; margin-bottom:16px;}
.x349{background:#fff; border:1px solid #e3e4e5; border-radius:12px; overflow:hidden; transition:transform .3s ease, box-shadow .3s ease;}
.x350{background:#26292a; padding:16px 20px;}
.x351{font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:#9aa0a2;}
.x352{padding:20px;}
.x353{font-size:15.5px; line-height:1.6; color:#5a5d5f; margin:0 0 14px;}
.x354{display:flex; flex-wrap:wrap; gap:7px;}
.x355{font-size:11.5px; font-weight:600; color:#1a61a1; background:#e7eff6; padding:4px 10px; border-radius:4px;}
.x356{background:#1a61a1; padding:16px 20px;}
.x357{font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:#bcd6ea;}
.x358{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:22px;}
.x359{border:1px solid #eceded; border-radius:12px; padding:24px; background:#fafafb;}
.x360{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:16px; color:#1a171b; margin-bottom:8px;}
.x361{font-size:15px; line-height:1.6; color:#5a5d5f; margin:0;}
.x362{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; padding-bottom:80px;}
.x363{display:inline-flex; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#1a61a1; background:#e7eff6; padding:6px 12px; border-radius:4px; margin-bottom:20px;}
.x364{background:#fff; border:1px solid #e7e8e9; border-radius:12px; box-shadow:0 26px 54px -24px rgba(0,0,0,.32); overflow:hidden;}
.x365{padding:14px 18px; border-bottom:1px solid #eceded; display:flex; align-items:center; justify-content:space-between;}
.x366{font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:#78c028; padding:4px 10px; border-radius:3px;}
.x367{display:grid; grid-template-columns:1fr 1fr;}
.x368{padding:18px; background:#f1f0f2; border-right:1px solid #eceded;}
.x369{background:#fff; border:1px solid #dfe0e1; border-radius:4px; padding:14px; display:flex; flex-direction:column; gap:7px;}
.x370{height:7px; background:#dfe0e1; border-radius:2px; width:62%;}
.x371{height:7px; background:#eceded; border-radius:2px;}
.x372{height:7px; background:#eceded; border-radius:2px; width:84%;}
.x373{height:7px; background:#eceded; border-radius:2px; width:71%;}
.x374{height:44px; background:#f4f4f5; border:1px dashed #dfe0e1; border-radius:3px; margin-top:6px;}
.x375{height:7px; background:#eceded; border-radius:2px; width:52%;}
.x376{height:7px; background:#eceded; border-radius:2px; width:66%;}
.x377{padding:18px; display:flex; flex-direction:column; gap:13px;}
.x378{font-size:12.5px; font-weight:700; color:#445771;}
.x379{font-size:14.5px; color:#1a171b;}
.x380{background:linear-gradient(to right,#163f63,#1a61a1); padding:16px 20px; display:flex; align-items:center; justify-content:space-between;}
.x381{min-width:0;}
.x382{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.8);}
.x383{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:17px; color:#fff; margin-top:2px; white-space:nowrap;}
.x384{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:26px; color:#fff;}
.x385{padding:8px 0;}
.x386{display:grid; grid-template-columns:1.3fr 1fr .8fr; gap:12px; padding:10px 20px; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#7e8183; border-bottom:1px solid #eceded;}
.x387{display:grid; grid-template-columns:1.3fr 1fr .8fr; gap:12px; padding:13px 20px; font-size:14px; border-bottom:1px solid #f4f4f5;}
.x388{color:#1a171b;}
.x389{color:#5a5d5f;}
.x390{color:#e23900; font-weight:600;}
.x391{color:#7e8183; font-weight:600;}
.x392{display:grid; grid-template-columns:1.3fr 1fr .8fr; gap:12px; padding:13px 20px; font-size:14px;}
.x393{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
.x394{background:#fff; border:1px solid #e7e8e9; border-radius:12px; box-shadow:0 26px 54px -24px rgba(0,0,0,.32); padding:24px;}
.x395{display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;}
.x396{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#7e8183;}
.x397{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:19px; color:#1a171b;}
.x398{display:flex; flex-direction:column;}
.x399{display:flex; gap:14px;}
.x400{display:flex; flex-direction:column; align-items:center;}
.x401{width:12px; height:12px; border-radius:50%; background:#78c028;}
.x402{width:2px; flex:1; background:#e3e4e5;}
.x403{padding-bottom:18px;}
.x404{font-size:14.5px; font-weight:500; color:#1a171b;}
.x405{width:12px; height:12px; border-radius:50%; background:#1a61a1;}
.x406{width:12px; height:12px; border-radius:50%; background:#cecfd0;}
.x407{font-size:14.5px; font-weight:500; color:#5a5d5f;}
.x408{max-width:660px; margin-bottom:44px;}
.x409{font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#6fa9db; margin-bottom:16px;}
.x410{display:block; text-decoration:none; background:#1f2125; border:1px solid #2c2e32; border-radius:14px; padding:26px; transition:border-color .25s ease, background .25s ease, transform .25s ease;}
.x410:hover{border-color:#6fa9db; background:#24262b; transform:translateY(-4px);}
.x411{display:flex; align-items:center; gap:10px; margin-bottom:14px;}
.x412{width:34px; height:34px; border-radius:9px;}
.x413{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:16px; color:#fff; text-decoration:none;}
.x414{font-size:15.5px; line-height:1.6; color:#c4c8cb; margin:0;}
.x415{margin-top:34px;}
.x416{font-size:15.5px; font-weight:600; color:#6fa9db; text-decoration:none;}
.x417{position:relative; background:radial-gradient(900px 500px at 50% 0%, #163f63 0%, #1a171b 62%); padding:104px 40px 96px; overflow:hidden;}
.x418{position:absolute; top:-100px; left:50%; transform:translateX(-50%); width:600px; height:400px; background:radial-gradient(circle, rgba(26,97,161,.34), transparent 70%); filter:blur(8px); animation:wcArc 8s ease-in-out infinite; pointer-events:none;}
.x419{position:relative; max-width:740px; margin:0 auto; text-align:center;}
.x420{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:clamp(32px,4.2vw,54px); line-height:1.06; letter-spacing:-.02em; color:#fff; margin:0 0 20px;}
.x421{font-size:20px; line-height:1.6; color:#c4c8cb; margin:0 0 36px;}
.x422{display:inline-flex; align-items:center; height:54px; padding:0 34px; background:#1a61a1; color:#fff; font-size:17px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 4px 12px rgba(0,0,0,.3); transition:background .25s ease,transform .2s ease;}
.x422:hover{background:#2274bd; transform:translateY(-2px);}
.x423{font-size:14px; color:#8b8f92; margin:18px 0 0;}
.x424{background:#15171a; padding:46px 40px 38px; border-top:1px solid #2c2e32;}
.x425{max-width:1180px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; align-items:center;}
.x426{display:flex; align-items:center; gap:9px;}
.x427{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:18px; color:#fff; text-decoration:none;}
.x428{display:flex; gap:26px; flex-wrap:wrap;}
.x429{display:inline-flex; align-items:center; height:42px; padding:0 22px; background:#245e30; color:#fff; font-size:15px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12); transition:background .25s ease;}
.x429:hover{background:#2e763d;}
.x430{position:relative; background:radial-gradient(1100px 620px at 74% -10%, #1c4a26 0%, #14161a 60%); padding:158px 40px 104px; overflow:hidden;}
.x431{position:absolute; top:-140px; right:-60px; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle, rgba(36,94,48,.42), transparent 68%); filter:blur(10px); animation:wcArc 7s ease-in-out infinite; pointer-events:none;}
.x432{font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#8fd49b;}
.x433{display:inline-flex; align-items:center; height:54px; padding:0 30px; background:#245e30; color:#fff; font-size:17px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 4px 8px rgba(0,0,0,.28); transition:transform .2s ease,background .25s ease;}
.x433:hover{background:#2e763d; transform:translateY(-2px);}
.x434{height:46px; background:linear-gradient(to right,#1c4a26,#245e30); display:flex; align-items:center; justify-content:space-between; padding:0 16px;}
.x435{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:12px;}
.x436{background:#fff; border:1px solid #e3e4e5; border-radius:6px; padding:13px;}
.x437{font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#7e8183;}
.x438{font-family:'Museo Sans',sans-serif; font-size:26px; font-weight:300; color:#1a171b; margin-top:4px;}
.x439{font-size:11px; color:#245e30; font-weight:600;}
.x440{font-size:11px; color:#7e8183; font-weight:600;}
.x441{background:#fff; border:1px solid #e3e4e5; border-radius:6px; padding:15px;}
.x442{font-size:11px; color:#7e8183;}
.x443{display:flex; align-items:flex-end; gap:10px; height:108px;}
.x444{flex:1; background:linear-gradient(to top,#245e30,#4f9a5f); border-radius:3px 3px 0 0; height:0; transition:height .9s cubic-bezier(.2,.7,.3,1);}
.x445{flex:1; background:linear-gradient(to top,#245e30,#4f9a5f); border-radius:3px 3px 0 0; height:0; transition:height .9s cubic-bezier(.2,.7,.3,1) .06s;}
.x446{flex:1; background:linear-gradient(to top,#245e30,#4f9a5f); border-radius:3px 3px 0 0; height:0; transition:height .9s cubic-bezier(.2,.7,.3,1) .12s;}
.x447{flex:1; background:#dfe0e1; border-radius:3px 3px 0 0; height:0; transition:height .9s cubic-bezier(.2,.7,.3,1) .18s;}
.x448{flex:1; background:linear-gradient(to top,#245e30,#4f9a5f); border-radius:3px 3px 0 0; height:0; transition:height .9s cubic-bezier(.2,.7,.3,1) .24s;}
.x449{flex:1; background:linear-gradient(to top,#245e30,#4f9a5f); border-radius:3px 3px 0 0; height:0; transition:height .9s cubic-bezier(.2,.7,.3,1) .3s;}
.x450{flex:1; background:linear-gradient(to top,#245e30,#4f9a5f); border-radius:3px 3px 0 0; height:0; transition:height .9s cubic-bezier(.2,.7,.3,1) .36s;}
.x451{flex:1; background:linear-gradient(to top,#245e30,#4f9a5f); border-radius:3px 3px 0 0; height:0; transition:height .9s cubic-bezier(.2,.7,.3,1) .42s;}
.x452{display:flex; justify-content:space-between; margin-top:8px; font-size:10px; color:#9aa0a3;}
.x453{color:#78c028; font-weight:600;}
.x454{font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#245e30; margin-bottom:16px;}
.x455{font-size:11.5px; font-weight:600; color:#245e30; background:#e8f3ea; padding:4px 10px; border-radius:4px;}
.x456{background:#245e30; padding:16px 20px;}
.x457{font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:#c4e4cb;}
.x458{display:inline-flex; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#245e30; background:#e8f3ea; padding:6px 12px; border-radius:4px; margin-bottom:20px;}
.x459{background:#15171a; border:1px solid #2c2e32; border-radius:12px; box-shadow:0 26px 54px -24px rgba(0,0,0,.4); overflow:hidden;}
.x460{padding:16px 20px; border-bottom:1px solid #2c2e32; display:flex; align-items:center; justify-content:space-between;}
.x461{font-size:13px; font-weight:700; color:#fff;}
.x462{display:inline-flex; align-items:center; gap:7px; font-size:11.5px; color:#8fd49b;}
.x463{width:7px; height:7px; border-radius:50%; background:#78c028; animation:wcPulse 1.8s ease-in-out infinite;}
.x464{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#2c2e32;}
.x465{background:#1f2125; padding:16px;}
.x466{font-size:12px; color:#8b8f92;}
.x467{font-size:14px; font-weight:600; color:#fff; margin:3px 0 8px;}
.x468{display:inline-block; font-size:10.5px; font-weight:700; color:#0e2312; background:#78c028; padding:3px 8px; border-radius:3px;}
.x469{font-size:11.5px; color:#8b8f92; margin-top:8px;}
.x470{display:inline-block; font-size:10.5px; font-weight:700; color:#3a2c05; background:#f1a30a; padding:3px 8px; border-radius:3px;}
.x471{display:inline-block; font-size:10.5px; font-weight:700; color:#fff; background:#4a4d50; padding:3px 8px; border-radius:3px;}
.x472{order:2;}
.x473{order:1; background:#fff; border:1px solid #e7e8e9; border-radius:12px; box-shadow:0 26px 54px -24px rgba(0,0,0,.32); overflow:hidden;}
.x474{padding:16px 20px; border-bottom:1px solid #eceded; display:flex; align-items:center; justify-content:space-between;}
.x475{font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:#245e30; padding:4px 10px; border-radius:3px;}
.x476{display:grid; grid-template-columns:1.3fr .8fr .8fr .8fr; gap:12px; padding:10px 20px; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#7e8183; border-bottom:1px solid #eceded;}
.x477{display:grid; grid-template-columns:1.3fr .8fr .8fr .8fr; gap:12px; padding:13px 20px; font-size:14px; border-bottom:1px solid #f4f4f5;}
.x478{color:#245e30; font-weight:600;}
.x479{display:grid; grid-template-columns:1.3fr .8fr .8fr .8fr; gap:12px; padding:13px 20px; font-size:14px;}
.x480{display:flex; align-items:center; justify-content:space-between; margin-bottom:22px;}
.x481{display:flex; justify-content:space-between; font-size:13px; margin-bottom:6px;}
.x482{color:#1a171b; font-weight:600;}
.x483{height:10px; background:#eceded; border-radius:5px; overflow:hidden;}
.x484{height:100%; background:#cecfd0; width:0; transition:width .9s cubic-bezier(.2,.7,.3,1);}
.x485{height:100%; background:linear-gradient(to right,#245e30,#4f9a5f); width:0; transition:width .9s cubic-bezier(.2,.7,.3,1) .1s;}
.x486{height:100%; background:linear-gradient(to right,#245e30,#4f9a5f); width:0; transition:width .9s cubic-bezier(.2,.7,.3,1) .2s;}
.x487{font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#8fd49b; margin-bottom:16px;}
.x488{display:block; text-decoration:none; background:#1f2125; border:1px solid #2c2e32; border-radius:14px; padding:26px; transition:border-color .25s ease, background .25s ease, transform .25s ease;}
.x488:hover{border-color:#8fd49b; background:#24262b; transform:translateY(-4px);}
.x489{font-size:15.5px; font-weight:600; color:#8fd49b; text-decoration:none;}
.x490{position:relative; background:radial-gradient(900px 500px at 50% 0%, #1c4a26 0%, #1a171b 62%); padding:104px 40px 96px; overflow:hidden;}
.x491{position:absolute; top:-100px; left:50%; transform:translateX(-50%); width:600px; height:400px; background:radial-gradient(circle, rgba(36,94,48,.4), transparent 70%); filter:blur(8px); animation:wcArc 8s ease-in-out infinite; pointer-events:none;}
.x492{display:inline-flex; align-items:center; height:54px; padding:0 34px; background:#245e30; color:#fff; font-size:17px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 4px 12px rgba(0,0,0,.3); transition:background .25s ease,transform .2s ease;}
.x492:hover{background:#2e763d; transform:translateY(-2px);}
.x493{display:inline-flex; align-items:center; height:42px; padding:0 22px; background:#931919; color:#fff; font-size:15px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12); transition:background .25s ease;}
.x493:hover{background:#b02020;}
.x494{position:relative; background:radial-gradient(1100px 620px at 74% -10%, #5e1414 0%, #14161a 60%); padding:158px 40px 104px; overflow:hidden;}
.x495{position:absolute; top:-140px; right:-60px; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle, rgba(147,25,25,.4), transparent 68%); filter:blur(10px); animation:wcArc 7s ease-in-out infinite; pointer-events:none;}
.x496{font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#e79b95;}
.x497{display:inline-flex; align-items:center; height:54px; padding:0 30px; background:#931919; color:#fff; font-size:17px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 4px 8px rgba(0,0,0,.28); transition:transform .2s ease,background .25s ease;}
.x497:hover{background:#b02020; transform:translateY(-2px);}
.x498{height:46px; background:linear-gradient(to right,#5e1414,#931919); display:flex; align-items:center; justify-content:space-between; padding:0 16px;}
.x499{font-family:'Museo Sans',sans-serif; font-size:26px; font-weight:300; color:#f1a30a; margin-top:4px;}
.x500{font-family:'Museo Sans',sans-serif; font-size:26px; font-weight:300; color:#931919; margin-top:4px;}
.x501{display:grid; grid-template-columns:1.2fr 1fr .7fr; gap:10px; padding:10px 14px; font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#7e8183; border-bottom:1px solid #eceded;}
.x502{display:grid; grid-template-columns:1.2fr 1fr .7fr; gap:10px; padding:11px 14px; font-size:12px; border-bottom:1px solid #f4f4f5;}
.x503{display:grid; grid-template-columns:1.2fr 1fr .7fr; gap:10px; padding:11px 14px; font-size:12px;}
.x504{font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#931919; margin-bottom:16px;}
.x505{font-size:11.5px; font-weight:600; color:#931919; background:#f7eaea; padding:4px 10px; border-radius:4px;}
.x506{background:#931919; padding:16px 20px;}
.x507{font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:#f0cac7;}
.x508{display:inline-flex; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#931919; background:#f7eaea; padding:6px 12px; border-radius:4px; margin-bottom:20px;}
.x509{color:#931919; font-weight:700;}
.x510{font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:#f1a30a; padding:5px 11px; border-radius:4px;}
.x511{width:12px; height:12px; border-radius:50%; background:#f1a30a;}
.x512{width:12px; height:12px; border-radius:50%; background:#931919;}
.x513{background:linear-gradient(to right,#5e1414,#931919); padding:16px 20px; display:flex; align-items:center; justify-content:space-between;}
.x514{color:#f1a30a;}
.x515{color:#931919; font-weight:600;}
.x516{height:100%; background:linear-gradient(to right,#931919,#c94343); width:0; transition:width .9s cubic-bezier(.2,.7,.3,1);}
.x517{height:100%; background:linear-gradient(to right,#931919,#c94343); width:0; transition:width .9s cubic-bezier(.2,.7,.3,1) .1s;}
.x518{height:100%; background:#f1a30a; width:0; transition:width .9s cubic-bezier(.2,.7,.3,1) .2s;}
.x519{font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#e79b95; margin-bottom:16px;}
.x520{display:block; text-decoration:none; background:#1f2125; border:1px solid #2c2e32; border-radius:14px; padding:26px; transition:border-color .25s ease, background .25s ease, transform .25s ease;}
.x520:hover{border-color:#e79b95; background:#24262b; transform:translateY(-4px);}
.x521{font-size:15.5px; font-weight:600; color:#e79b95; text-decoration:none;}
.x522{position:relative; background:radial-gradient(900px 500px at 50% 0%, #5e1414 0%, #1a171b 62%); padding:104px 40px 96px; overflow:hidden;}
.x523{position:absolute; top:-100px; left:50%; transform:translateX(-50%); width:600px; height:400px; background:radial-gradient(circle, rgba(147,25,25,.38), transparent 70%); filter:blur(8px); animation:wcArc 8s ease-in-out infinite; pointer-events:none;}
.x524{display:inline-flex; align-items:center; height:54px; padding:0 34px; background:#931919; color:#fff; font-size:17px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 4px 12px rgba(0,0,0,.3); transition:background .25s ease,transform .2s ease;}
.x524:hover{background:#b02020; transform:translateY(-2px);}
.x525{display:inline-flex; align-items:center; height:42px; padding:0 22px; background:#c7074e; color:#fff; font-size:15px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12); transition:background .25s ease;}
.x525:hover{background:#e0175f;}
.x526{position:relative; background:radial-gradient(1100px 620px at 74% -10%, #7d0632 0%, #14161a 60%); padding:158px 40px 118px; overflow:hidden;}
.x527{position:absolute; top:-140px; right:-60px; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle, rgba(199,7,78,.36), transparent 68%); filter:blur(10px); animation:wcArc 7s ease-in-out infinite; pointer-events:none;}
.x528{max-width:1300px; margin:0 auto; display:grid; grid-template-columns:.86fr 1.14fr; gap:52px; align-items:center;}
.x529{font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#ec8fb4;}
.x530{font-family:'Museo Sans','Roboto',sans-serif; font-weight:700; font-size:clamp(38px,4.4vw,62px); line-height:1.04; letter-spacing:-.02em; color:#fff; margin:0 0 22px;}
.x531{font-size:19px; line-height:1.6; color:#c4c8cb; max-width:480px; margin:0 0 30px;}
.x532{display:inline-flex; align-items:center; height:54px; padding:0 30px; background:#c7074e; color:#fff; font-size:17px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 4px 8px rgba(0,0,0,.28); transition:transform .2s ease,background .25s ease;}
.x532:hover{background:#e0175f; transform:translateY(-2px);}
.x533{position:relative; min-width:0;}
.x534{background:#fff; border-radius:10px; box-shadow:0 34px 70px -22px rgba(0,0,0,.6); overflow:hidden;}
.x535{height:44px; background:#a30540; display:flex; align-items:center; justify-content:space-between; padding:0 14px;}
.x536{display:flex; align-items:center; gap:11px;}
.x537{display:grid; grid-template-columns:repeat(3,3px); gap:2.5px;}
.x538{width:3px; height:3px; background:#fff;}
.x539{font-size:11px; color:rgba(255,255,255,.85);}
.x540{display:grid; grid-template-columns:minmax(104px,150px) minmax(0,1fr);}
.x541{background:#f1f0f2; border-right:1px solid #e3e4e5; padding:14px 0;}
.x542{font-size:11.5px; color:#5a5d5f; padding:8px 14px;}
.x543{font-size:11.5px; color:#c7074e; font-weight:700; padding:8px 14px; background:#fff; border-left:3px solid #c7074e;}
.x544{font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:#9aa0a3; padding:14px 14px 6px;}
.x545{font-size:11.5px; color:#5a5d5f; padding:7px 14px;}
.x546{background:linear-gradient(to right,#8d044c,#bf074e); padding:14px 18px 0;}
.x547{font-size:11px; color:rgba(255,255,255,.85); margin-bottom:10px;}
.x548{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; min-width:0;}
.x549{display:flex; align-items:center; gap:10px; min-width:0;}
.x550{width:20px; height:20px; flex:none;}
.x551{font-family:'Museo Sans',sans-serif; font-weight:700; font-size:17px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.x552{font-size:10.5px; font-weight:600; color:#a30540; background:#fff; padding:5px 10px; border-radius:4px; white-space:nowrap; flex:none;}
.x553{display:flex; gap:5px; min-width:0;}
.x554{flex:0 1 auto; min-width:0; font-size:11px; font-weight:700; color:#fff; background:#c7074e; padding:8px 13px; border-radius:4px 4px 0 0; white-space:nowrap; overflow:hidden; text-overflow:clip;}
.x555{flex:0 1 auto; min-width:0; font-size:11px; color:#5a5d5f; background:#fff; padding:8px 13px; border-radius:4px 4px 0 0; white-space:nowrap; overflow:hidden;}
.x556{padding:16px 18px 18px; background:#fff;}
.x557{display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; margin-bottom:16px;}
.x558{font-size:11px; font-weight:500; color:#1a171b; margin-bottom:5px;}
.x559{height:11px; background:#f6d3de; border-radius:3px; overflow:hidden;}
.x560{height:100%; width:64%; background:#a30540;}
.x561{height:100%; width:6%; background:#a30540;}
.x562{height:100%; width:67%; background:#a30540;}
.x563{height:100%; width:36%; background:#a30540;}
.x564{display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px;}
.x565{min-width:0; border:1px solid #e3e4e5; border-radius:4px; padding:13px 14px;}
.x566{font-size:12px; font-weight:500; color:#1a171b;}
.x567{font-size:10px; font-weight:700; color:#445771; margin:3px 0 6px;}
.x568{width:132px; height:74px; flex:none; max-width:100%;}
.x569{display:flex; flex-direction:column; gap:5px;}
.x570{display:flex; align-items:center; gap:6px; font-size:10px; color:#5a5d5f;}
.x571{width:9px; height:9px; background:#15607f;}
.x572{width:9px; height:9px; background:#f5a623;}
.x573{width:9px; height:9px; background:#c2569c;}
.x574{width:9px; height:9px; background:#1f7a34;}
.x575{font-size:10px; font-weight:700; color:#445771; margin:3px 0 8px;}
.x576{display:flex; align-items:flex-end; gap:7px; height:66px; border-bottom:1px solid #eceded;}
.x577{flex:1; background:#cecfd0; height:100%;}
.x578{flex:1; background:#15607f; height:100%;}
.x579{flex:1; background:#f5a623; height:73%;}
.x580{flex:1; background:#c2569c; height:41%;}
.x581{flex:1; background:#1f7a34; height:23%;}
.x582{flex:1; background:#5b4bbd; height:14%;}
.x583{display:flex; gap:7px; margin-top:6px;}
.x584{flex:1; font-size:8.5px; color:#9aa0a3; text-align:center;}
.x585{position:absolute; bottom:-58px; left:-52px; width:242px; background:#1a171b; border:1px solid #2e2b2f; border-radius:9px; padding:14px 16px; box-shadow:0 18px 40px -12px rgba(0,0,0,.6);}
.x586{width:8px; height:8px; border-radius:50%; background:#c7074e; animation:wcPulse 1.8s ease-in-out infinite;}
.x587{color:#ec8fb4; font-weight:600;}
.x588{font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#c7074e; margin-bottom:16px;}
.x589{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-bottom:36px;}
.x590{border:1px solid #e3e4e5; border-top:3px solid #15607f; border-radius:8px; padding:20px 18px;}
.x591{font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#15607f; margin-bottom:8px;}
.x592{font-size:14px; line-height:1.55; color:#5a5d5f; margin:0;}
.x593{border:1px solid #e3e4e5; border-top:3px solid #f5a623; border-radius:8px; padding:20px 18px;}
.x594{font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#b97a0c; margin-bottom:8px;}
.x595{border:1px solid #e3e4e5; border-top:3px solid #c2569c; border-radius:8px; padding:20px 18px;}
.x596{font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#a63f80; margin-bottom:8px;}
.x597{border:1px solid #e3e4e5; border-top:3px solid #1f7a34; border-radius:8px; padding:20px 18px;}
.x598{font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#1f7a34; margin-bottom:8px;}
.x599{border:1px solid #e3e4e5; border-top:3px solid #5b4bbd; border-radius:8px; padding:20px 18px;}
.x600{font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#5b4bbd; margin-bottom:8px;}
.x601{font-size:11.5px; font-weight:600; color:#c7074e; background:#fceaf1; padding:4px 10px; border-radius:4px;}
.x602{background:#c7074e; padding:16px 20px;}
.x603{font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:#f6c3d7;}
.x604{display:inline-flex; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:#c7074e; background:#fceaf1; padding:6px 12px; border-radius:4px; margin-bottom:20px;}
.x605{font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:#c7074e; padding:5px 11px; border-radius:4px;}
.x606{width:12px; height:12px; border-radius:50%; background:#c7074e;}
.x607{width:12px; height:12px; border-radius:50%; background:#f5a623;}
.x608{width:12px; height:12px; border-radius:50%; background:#15607f;}
.x609{background:linear-gradient(to right,#8d044c,#bf074e); padding:16px 20px; display:flex; align-items:center; justify-content:space-between;}
.x610{padding:22px 24px;}
.x611{position:relative; height:20px; background:#f4f4f5; border-radius:3px; overflow:hidden;}
.x612{position:absolute; inset:0; background:#fde8b0;}
.x613{position:absolute; top:0; bottom:0; left:0; width:59%; background:#f5b81b;}
.x614{display:flex; justify-content:space-between; margin-top:6px;}
.x615{font-size:12.5px; color:#5a5d5f;}
.x616{font-size:12.5px; font-weight:700; color:#1a171b;}
.x617{position:absolute; top:0; bottom:0; left:0; width:41%; background:#f5b81b;}
.x618{position:absolute; top:0; bottom:0; left:0; width:20%; background:#fde8b0;}
.x619{position:absolute; top:0; bottom:0; left:0; width:9%; background:#f5b81b;}
.x620{position:absolute; top:0; bottom:0; left:20%; width:2px; background:#7e8183;}
.x621{display:flex; flex-wrap:wrap; gap:16px; margin-top:20px; padding-top:16px; border-top:1px solid #eceded;}
.x622{display:flex; align-items:center; gap:7px; font-size:11.5px; color:#5a5d5f;}
.x623{width:11px; height:11px; background:#f5b81b; border-radius:2px;}
.x624{width:11px; height:11px; background:#fde8b0; border-radius:2px;}
.x625{width:2px; height:11px; background:#7e8183;}
.x626{display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border:1px solid #eceded; border-radius:6px;}
.x627{font-size:12.5px; font-weight:600; color:#1f7a34;}
.x628{display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border:1px solid #f6d3de; background:#fdf5f8; border-radius:6px;}
.x629{font-size:12.5px; font-weight:600; color:#c7074e;}
.x630{font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#ec8fb4; margin-bottom:16px;}
.x631{display:block; text-decoration:none; background:#1f2125; border:1px solid #2c2e32; border-radius:14px; padding:26px; transition:border-color .25s ease, background .25s ease, transform .25s ease;}
.x631:hover{border-color:#ec8fb4; background:#24262b; transform:translateY(-4px);}
.x632{font-size:15.5px; font-weight:600; color:#ec8fb4; text-decoration:none;}
.x633{position:relative; background:radial-gradient(900px 500px at 50% 0%, #7d0632 0%, #1a171b 62%); padding:104px 40px 96px; overflow:hidden;}
.x634{position:absolute; top:-100px; left:50%; transform:translateX(-50%); width:600px; height:400px; background:radial-gradient(circle, rgba(199,7,78,.34), transparent 70%); filter:blur(8px); animation:wcArc 8s ease-in-out infinite; pointer-events:none;}
.x635{display:inline-flex; align-items:center; height:54px; padding:0 34px; background:#c7074e; color:#fff; font-size:17px; font-weight:500; border-radius:4px; text-decoration:none; box-shadow:0 4px 12px rgba(0,0,0,.3); transition:background .25s ease,transform .2s ease;}
.x635:hover{background:#e0175f; transform:translateY(-2px);}

/* ---- Navigation ---- */
.site-nav{transition:background .3s ease, box-shadow .3s ease, padding .3s ease;}
.nav-mark{stroke:var(--brand-accent-light); transition:stroke .3s ease;}
.nav-word,.nav-link{transition:color .3s ease;}
.site-nav.is-scrolled{background:rgba(255,255,255,.96); box-shadow:0 1px 0 rgba(0,0,0,.08); padding-top:12px; padding-bottom:12px;}
.site-nav.is-scrolled .nav-mark{stroke:var(--brand-accent);}
.site-nav.is-scrolled .nav-word{color:var(--brand-accent);}
.site-nav.is-scrolled .nav-link{color:rgba(26,23,27,.78);}
.nav-link:hover{color:var(--brand-accent-light) !important;}
.site-nav.is-scrolled .nav-link:hover{color:var(--brand-accent) !important;}

.nav-toggle{display:none; align-items:center; justify-content:center; width:42px; height:42px; padding:0; background:transparent; border:1px solid rgba(255,255,255,.32); border-radius:4px; cursor:pointer;}
.nav-toggle span{display:block; width:18px; height:2px; background:#fff; box-shadow:0 -6px 0 #fff, 0 6px 0 #fff;}
.site-nav.is-scrolled .nav-toggle{border-color:rgba(26,23,27,.24);}
.site-nav.is-scrolled .nav-toggle span{background:#1a171b; box-shadow:0 -6px 0 #1a171b, 0 6px 0 #1a171b;}

@media (max-width:900px){
  .nav-toggle{display:inline-flex;}
  [data-nav-links]{
    position:absolute; top:100%; left:0; right:0;
    flex-direction:column; align-items:stretch; gap:0 !important;
    background:#15171a; border-top:1px solid #2c2e32;
    padding:8px 20px 16px; display:none;
  }
  .site-nav[data-open="true"] [data-nav-links]{display:flex;}
  [data-nav-links] .nav-link{padding:13px 0; border-bottom:1px solid #2c2e32; color:rgba(255,255,255,.86) !important; font-size:16px !important;}
  [data-nav-links] .nav-link:last-child{border-bottom:0;}
  [data-nav-cluster]{gap:12px !important;}
  .nav-cta{height:38px !important; padding:0 16px !important; font-size:14px !important;}
}
@media (max-width:420px){
  /* Keep the CTA — it is the conversion action — and buy room elsewhere. */
  .nav-word{font-size:18px !important;}
  .nav-cta{padding:0 12px !important; font-size:13px !important;}
}


/* ---- Pricing configurator ---- */
.cur-btn{height:38px; padding:0 18px; font-family:'Roboto',sans-serif; font-size:14px; font-weight:500; border:0; cursor:pointer; background:#fff; color:#5a5d5f; transition:background .2s ease, color .2s ease;}
.cur-btn[aria-pressed="true"]{background:var(--brand-accent); color:#fff;}
input[type="range"]{width:100%; height:22px; cursor:pointer; accent-color:var(--brand-accent);}


@media (max-width:1024px){
  .x179{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x188{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x200{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x218{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x358{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  .x2{padding:18px 24px 18px 24px}
  .x9{padding:160px 24px 110px 24px}
  .x10{display:none}
  .x11{grid-template-columns:minmax(0,1fr)}
  .x11{gap:36px}
  .x44{display:none}
  .x53{padding:34px 24px 34px 24px}
  .x56{gap:36px}
  .x62{padding:108px 24px 40px 24px}
  .x68{grid-template-columns:minmax(0,1fr)}
  .x68{gap:36px}
  .x104{grid-template-columns:minmax(0,1fr)}
  .x104{gap:36px}
  .x148{padding:100px 24px 100px 24px}
  .x153{grid-template-columns:minmax(0,1fr)}
  .x176{padding:104px 24px 104px 24px}
  .x178{padding:34px 24px 30px 24px}
  .x197{padding:108px 24px 108px 24px}
  .x204{padding:100px 24px 100px 24px}
  .x206{grid-template-columns:minmax(0,1fr)}
  .x244{padding:34px 24px 34px 24px}
  .x254{padding:34px 24px 34px 24px}
  .x264{padding:104px 24px 104px 24px}
  .x265{grid-template-columns:minmax(0,1fr)}
  .x265{gap:36px}
  .x269{padding:30px 24px 30px 24px}
  .x280{padding:110px 24px 100px 24px}
  .x281{display:none}
  .x288{padding:54px 24px 40px 24px}
  .x289{gap:36px}
  .x294{gap:36px}
  .x303{padding:158px 24px 104px 24px}
  .x304{display:none}
  .x305{grid-template-columns:minmax(0,1fr)}
  .x305{gap:36px}
  .x334{display:none}
  .x342{padding:32px 24px 32px 24px}
  .x346{padding:104px 24px 96px 24px}
  .x362{grid-template-columns:minmax(0,1fr)}
  .x362{gap:36px}
  .x393{grid-template-columns:minmax(0,1fr)}
  .x393{gap:36px}
  .x417{padding:104px 24px 96px 24px}
  .x418{display:none}
  .x424{padding:46px 24px 38px 24px}
  .x430{padding:158px 24px 104px 24px}
  .x431{display:none}
  .x490{padding:104px 24px 96px 24px}
  .x491{display:none}
  .x494{padding:158px 24px 104px 24px}
  .x495{display:none}
  .x522{padding:104px 24px 96px 24px}
  .x523{display:none}
  .x526{padding:158px 24px 118px 24px}
  .x527{display:none}
  .x528{grid-template-columns:minmax(0,1fr)}
  .x528{gap:36px}
  .x585{display:none}
  .x633{padding:104px 24px 96px 24px}
  .x634{display:none}
}

@media (max-width:600px){
  .x2{padding:18px 20px 18px 20px}
  .x9{padding:96px 20px 66px 20px}
  .x10{width:100%;max-width:100%}
  .x11{gap:26px}
  .x30{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x32{white-space:normal}
  .x33{white-space:normal}
  .x53{padding:34px 20px 34px 20px}
  .x55{white-space:normal}
  .x56{justify-content:center}
  .x56{gap:26px}
  .x62{padding:65px 20px 40px 20px}
  .x68{gap:26px}
  .x95{grid-template-columns:minmax(0,1fr)}
  .x104{gap:26px}
  .x108{grid-template-columns:minmax(0,1fr)}
  .x148{padding:60px 20px 60px 20px}
  .x176{padding:62px 20px 62px 20px}
  .x178{padding:34px 20px 30px 20px}
  .x179{grid-template-columns:minmax(0,1fr)}
  .x183{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x188{grid-template-columns:minmax(0,1fr)}
  .x197{padding:65px 20px 65px 20px}
  .x200{grid-template-columns:minmax(0,1fr)}
  .x204{padding:60px 20px 60px 20px}
  .x218{grid-template-columns:minmax(0,1fr)}
  .x243{grid-template-columns:minmax(0,1fr)}
  .x244{padding:34px 20px 34px 20px}
  .x254{padding:34px 20px 34px 20px}
  .x264{padding:62px 20px 62px 20px}
  .x265{gap:26px}
  .x269{padding:30px 20px 30px 20px}
  .x280{padding:66px 20px 60px 20px}
  .x281{width:100%;max-width:100%}
  .x288{padding:54px 20px 40px 20px}
  .x289{gap:26px}
  .x294{gap:26px}
  .x303{padding:95px 20px 62px 20px}
  .x304{width:100%;max-width:100%}
  .x305{gap:26px}
  .x319{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x342{padding:32px 20px 32px 20px}
  .x346{padding:62px 20px 58px 20px}
  .x358{grid-template-columns:minmax(0,1fr)}
  .x362{gap:26px}
  .x367{grid-template-columns:minmax(0,1fr)}
  .x383{white-space:normal}
  .x386{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x387{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x392{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x393{gap:26px}
  .x417{padding:62px 20px 58px 20px}
  .x418{width:100%;max-width:100%}
  .x424{padding:46px 20px 38px 20px}
  .x430{padding:95px 20px 62px 20px}
  .x431{width:100%;max-width:100%}
  .x435{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x464{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x476{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x477{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x479{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x490{padding:62px 20px 58px 20px}
  .x491{width:100%;max-width:100%}
  .x494{padding:95px 20px 62px 20px}
  .x495{width:100%;max-width:100%}
  .x501{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x502{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x503{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x522{padding:62px 20px 58px 20px}
  .x523{width:100%;max-width:100%}
  .x526{padding:95px 20px 71px 20px}
  .x527{width:100%;max-width:100%}
  .x528{gap:26px}
  .x537{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x540{grid-template-columns:minmax(0,1fr)}
  .x551{white-space:normal}
  .x552{white-space:normal}
  .x554{white-space:normal}
  .x555{white-space:normal}
  .x557{grid-template-columns:minmax(0,1fr)}
  .x589{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x633{padding:62px 20px 58px 20px}
  .x634{width:100%;max-width:100%}
}

@media (max-width:900px){
  /* Grid and flex items default to a min-content floor, which the dashboard
     mockups blow straight through. Letting them shrink is what keeps a
     collapsed column inside the viewport. Only min-width:0 appears in the
     design, so nothing meaningful is overridden here. */
  [class]{min-width:0;}

  /* Stacked feature rows lead with their copy, not the mockup. */
  [data-mobile-first]{order:-1;}

  /* SVG charts are sized by viewBox ratio; without this they keep their
     authored height and letterbox once the column narrows. */
  svg[viewBox]{max-width:100%;}
}