.radar-page{position:relative;overflow-x:hidden;color:#20242a;background:#fff;font-family:"Quicksand",sans-serif}
    .radar-page a,.radar-page a:hover{text-decoration:none}
    .radar-page .icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}
    .radar-page .top-page{position:relative;z-index:4;padding:48px 24px 18px;background:#fff}
    .radar-page .top-inner{max-width:1160px;margin:0 auto}
    .radar-page .hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:44px;align-items:center;padding-bottom:46px}
    .radar-page .hero-kicker{display:inline-flex;margin-bottom:18px;padding:8px 12px;border:1px solid #d9e2ec;border-radius:999px;color:#0f766e;background:#fff;font-size:13px;font-weight:700}
    .radar-page h1{max-width:720px;margin:0 0 20px;color:#101828;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:0}
    .radar-page .hero-subtitle{margin:-10px 0 18px;color:#d96b00;font-size:18px;font-weight:800;letter-spacing:.02em}
    .radar-page .hero p{max-width:640px;margin:0;color:#536171;font-size:18px;line-height:1.75}
    .radar-page .hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
    .radar-page .hero-button{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid #d9e2ec;border-radius:10px;color:#111827;background:#fff;font-weight:700}
    .radar-page .hero-button.primary{border-color:#0f766e;color:#fff;background:#0f766e;box-shadow:0 16px 30px rgba(15,118,110,.18)}
    .radar-page .accordian{width:100%;height:340px;overflow:hidden;margin:0 auto;border-radius:18px;background:#111827;box-shadow:0 24px 58px rgba(15,23,42,.18)}
    .radar-page .accordian ul{display:flex;width:100%;height:100%;margin:0;padding:0;list-style:none}
    .radar-page .accordian li{position:relative;display:block;flex:1;min-width:0;height:100%;border-left:1px solid rgba(255,255,255,.28);box-shadow:0 0 25px 10px rgba(0,0,0,.18);transition:flex .5s ease;overflow:hidden}
    .radar-page .accordian ul:hover li{flex:.46}
    .radar-page .accordian ul li:hover{flex:4.4}
    .radar-page .accordian li:first-child{border-left:0}
    .radar-page .accordian li img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02);transform:scale(1.04);transition:transform .5s ease}
    .radar-page .accordian li:hover img{transform:scale(1)}
    .radar-page .accordian .image_title{position:absolute;left:0;right:0;bottom:0;width:100%;background:linear-gradient(90deg,rgba(8,25,45,.9),rgba(8,25,45,.5));z-index:2}
    .radar-page .accordian .image_title a{display:block;color:#fff;text-decoration:none;padding:18px 20px;font-size:16px;font-weight:800;letter-spacing:.01em}
    .radar-page .accordian .image_title small{display:block;margin-top:4px;color:#fbbf24;font-size:12px;font-weight:700}
    .radar-page .section-head{max-width:740px;margin-bottom:24px}
    .radar-page .section-head h2{margin:0 0 12px;color:#101828;font-size:clamp(30px,4vw,46px);line-height:1.05}
    .radar-page .section-head p{margin:0;color:#536171;font-size:17px;line-height:1.7}
    .radar-page .projcard-section{padding:34px 24px 44px;background:#fff}
    .radar-page .projcard-container,.radar-page .projcard-container *{box-sizing:border-box}
    .radar-page .projcard-container{width:min(1000px,100%);margin:0 auto}
    .radar-page .projcard{position:relative;display:block;width:100%;height:300px;margin-bottom:40px;border-radius:10px;background-color:#fff;border:2px solid #ddd;font-size:18px;overflow:hidden;cursor:pointer;box-shadow:0 4px 21px -12px rgba(0,0,0,.66);transition:box-shadow .2s ease,transform .2s ease;color:#333}
    .radar-page .projcard:hover{box-shadow:0 34px 32px -33px rgba(0,0,0,.18);transform:translate(0,-3px)}
    .radar-page .projcard::before{content:"";position:absolute;inset:0;background-image:linear-gradient(-70deg,#424242,transparent 50%);opacity:.07}
    .radar-page .projcard:nth-child(2n)::before{background-image:linear-gradient(-250deg,#424242,transparent 50%)}
    .radar-page .projcard-innerbox{position:absolute;inset:0}
    .radar-page .projcard-img{position:absolute;height:300px;width:400px;top:0;left:0;object-fit:cover;transition:transform .2s ease}
    .radar-page .projcard:nth-child(2n) .projcard-img{left:initial;right:0}
    .radar-page .projcard:hover .projcard-img{transform:scale(1.05) rotate(1deg)}
    .radar-page .projcard:hover .projcard-bar{width:70px}
    .radar-page .projcard-textbox{position:absolute;top:7%;bottom:7%;left:430px;width:calc(100% - 470px);font-size:17px}
    .radar-page .projcard:nth-child(2n) .projcard-textbox{left:initial;right:430px}
    .radar-page .projcard-textbox::before,.radar-page .projcard-textbox::after{content:"";position:absolute;display:block;background:#fff;top:-20%;left:-55px;height:140%;width:60px;transform:rotate(8deg)}
    .radar-page .projcard:nth-child(2n) .projcard-textbox::before{display:none}
    .radar-page .projcard-textbox::after{display:none;left:initial;right:-55px}
    .radar-page .projcard:nth-child(2n) .projcard-textbox::after{display:block}
    .radar-page .projcard-textbox *{position:relative}
    .radar-page .projcard-title{font-family:'Voces','Open Sans',Arial,sans-serif;font-size:24px;color:#111827}
    .radar-page .projcard-subtitle{font-family:'Voces','Open Sans',Arial,sans-serif;color:#888}
    .radar-page .projcard-bar{left:-2px;width:50px;height:5px;margin:10px 0;border-radius:5px;background-color:#424242;transition:width .2s ease}
    .radar-page .projcard-blue .projcard-bar{background-color:#0088ff}.radar-page .projcard-blue::before{background-image:linear-gradient(-70deg,#0088ff,transparent 50%)}.radar-page .projcard-blue:nth-child(2n)::before{background-image:linear-gradient(-250deg,#0088ff,transparent 50%)}
    .radar-page .projcard-red .projcard-bar{background-color:#d62f1f}.radar-page .projcard-red::before{background-image:linear-gradient(-70deg,#d62f1f,transparent 50%)}.radar-page .projcard-red:nth-child(2n)::before{background-image:linear-gradient(-250deg,#d62f1f,transparent 50%)}
    .radar-page .projcard-green .projcard-bar{background-color:#40bd00}.radar-page .projcard-green::before{background-image:linear-gradient(-70deg,#40bd00,transparent 50%)}.radar-page .projcard-green:nth-child(2n)::before{background-image:linear-gradient(-250deg,#40bd00,transparent 50%)}
    .radar-page .projcard-orange .projcard-bar{background-color:#ff5722}.radar-page .projcard-orange::before{background-image:linear-gradient(-70deg,#ff5722,transparent 50%)}.radar-page .projcard-orange:nth-child(2n)::before{background-image:linear-gradient(-250deg,#ff5722,transparent 50%)}
    .radar-page .projcard-grey .projcard-bar{background-color:#424242}.radar-page .projcard-grey::before{background-image:linear-gradient(-70deg,#424242,transparent 50%)}.radar-page .projcard-grey:nth-child(2n)::before{background-image:linear-gradient(-250deg,#424242,transparent 50%)}
    .radar-page .projcard-customcolor .projcard-bar{background-color:var(--projcard-color)}.radar-page .projcard-customcolor::before{background-image:linear-gradient(-70deg,var(--projcard-color),transparent 50%)}.radar-page .projcard-customcolor:nth-child(2n)::before{background-image:linear-gradient(-250deg,var(--projcard-color),transparent 50%)}
    .radar-page .projcard-description{z-index:10;font-size:15px;color:#424242;height:125px;overflow:hidden;text-overflow:ellipsis}
    .radar-page .projcard-tagbox{position:absolute;bottom:3%;font-size:14px;cursor:default;user-select:none;pointer-events:none}
    .radar-page .projcard-tag{display:inline-block;background:#e0e0e0;color:#777;border-radius:3px 0 0 3px;line-height:26px;padding:0 10px 0 23px;position:relative;margin-right:20px;cursor:default;user-select:none;transition:color .2s}
    .radar-page .projcard-tag::before{content:'';position:absolute;background:#fff;border-radius:10px;box-shadow:inset 0 1px rgba(0,0,0,.25);height:6px;left:10px;width:6px;top:10px}
    .radar-page .projcard-tag::after{content:'';position:absolute;border-bottom:13px solid transparent;border-left:10px solid #e0e0e0;border-top:13px solid transparent;right:-10px;top:0}
    .radar-page .archive-section{padding:12px 24px 84px;background:#fff}
    .radar-page .archive-inner{width:min(1000px,100%);margin:0 auto}
    .radar-page .archive-table-wrap{border:1px solid #d9e2ec;border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(18,38,63,.08);overflow:hidden}
    .radar-page .archive-table{width:100%;border-collapse:collapse;font-size:15px}
    .radar-page .archive-table th{padding:15px 18px;color:#0f766e;background:#eef8f6;text-align:left;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
    .radar-page .archive-table td{padding:16px 18px;border-top:1px solid #e7edf4;color:#536171;vertical-align:top;line-height:1.55}
    .radar-page .archive-table td:first-child{width:28%;font-weight:800;color:#101828}
    .radar-page .archive-table td:nth-child(2){width:16%;font-weight:700;color:#0f766e}
    .radar-page .archive-table td:nth-child(3){width:13%;white-space:nowrap;color:#667085}
    .radar-page .archive-table a{color:#101828}
    .radar-page .archive-table tr:hover td{background:#fbfdff}
    @media screen and (max-width:992px){.radar-page .hero{grid-template-columns:1fr}.radar-page .accordian{height:320px}.radar-page .projcard{height:auto;min-height:0}.radar-page .projcard-innerbox{position:relative}.radar-page .projcard-img,.radar-page .projcard:nth-child(2n) .projcard-img{position:relative;left:auto;right:auto;width:100%;height:240px;display:block}.radar-page .projcard-textbox,.radar-page .projcard:nth-child(2n) .projcard-textbox{position:relative;left:auto;right:auto;width:100%;padding:22px;top:auto;bottom:auto}.radar-page .projcard-textbox::before,.radar-page .projcard-textbox::after{display:none!important}.radar-page .projcard-tagbox{position:relative;margin-top:16px}.radar-page .projcard-description{height:auto}.radar-page .archive-table{min-width:760px}.radar-page .archive-table-wrap{overflow-x:auto}}
    @media screen and (max-width:720px){.radar-page .accordian{height:auto}.radar-page .accordian ul{display:grid;grid-template-columns:1fr;gap:10px}.radar-page .accordian li,.radar-page .accordian ul:hover li,.radar-page .accordian ul li:hover{flex:initial;width:100%;height:180px;border-left:0;border-radius:14px}.radar-page .accordian{background:transparent;box-shadow:none;overflow:visible}.radar-page .accordian li img{height:180px}}
    @media screen and (max-width:576px){.radar-page .top-page{padding:30px 14px 10px}.radar-page .projcard-section,.radar-page .archive-section{padding-left:14px;padding-right:14px}.radar-page .projcard-title{font-size:21px}}