@import "https://cdn.jsdelivr.net/npm/@fontsource/dm-sans@latest/300.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/dm-sans@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/dm-sans@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/merriweather@latest/300.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/merriweather@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/merriweather@latest/700.css";
html{margin:0;padding:0}
body{margin:0;font-family:'DM Sans',sans-serif;background-color:#FFF;color:#28263A}
:focus{outline:2px dashed #06DEAB;outline-offset:3px}
.topbar{background-color:#28263A;padding:8px 0}
.topbar-inner{max-width:1140px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.descriptor{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:300;line-height:1.5;color:#ffffffb8;letter-spacing:.04em}
.descriptor strong{color:#06DEAB;font-weight:700}
.topcontact{display:flex;align-items:center;gap:16px;flex-shrink:0}
.toplink{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:400;color:#ffffffb8;text-decoration:none;transition:color .15s cubic-bezier(0.4,0,0.2,1)}
.toplink:hover{color:#06DEAB}
.siteheader{background-color:#FFF;border-bottom:1px solid #06deab2e;box-shadow:1px 7px 14px 1px #06deab1c;position:relative;z-index:100}
.headinner{max-width:1140px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:28px;min-height:80px}
.logowrap{flex-shrink:0;display:flex;align-items:center;border:1px solid #28263a24;border-radius:6px;padding:8px;background-color:#FFF;box-shadow:1px 1px 4px 1px #06deab0f}
.logowrap img{display:block;width:64px;height:64px;object-fit:contain}
.brandname{font-family:'Merriweather',serif;font-size:20px;font-weight:700;color:#28263A;line-height:1.2;text-decoration:none;letter-spacing:-.01em;flex-shrink:0}
.brandname span{color:#06DEAB}
.mainnav{flex:1;display:flex;align-items:center;justify-content:flex-end}
.navlist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;justify-content:flex-end}
.navlist li{display:flex}
.navlink{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:400;line-height:1.5;color:#28263A;text-decoration:none;padding:8px 16px;border-radius:6px;border:1px solid transparent;transition:background-color .2s cubic-bezier(0.4,0,0.2,1),border-color .2s cubic-bezier(0.4,0,0.2,1),color .15s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;display:flex;align-items:center;gap:8px;min-height:44px}
.navlink:hover{background-color:#06deab1a;border-color:#06deab4d;color:#28263A}
.navlink.active{background-color:#06DEAB;color:#28263A;font-weight:700;border-color:#06DEAB}
.navlink svg{width:16px;height:16px;flex-shrink:0;opacity:.7}
@media (max-width: 960px) {
.topbar-inner{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 16px}
.headinner{flex-wrap:wrap;padding:16px;gap:16px}
.mainnav{width:100%;justify-content:flex-start}
.navlist{justify-content:flex-start}
}
@media (max-width: 480px) {
.brandname{font-size:15px}
.navlink{font-size:14px;padding:8px}
.logowrap img{width:48px;height:48px}
}
.sitefooter{background-color:#28263A;color:#FFF;padding:56px 0 28px}
.footinner{max-width:1140px;margin:0 auto;padding:0 28px}
.footgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:56px;margin-bottom:56px}
.footbrand{display:flex;flex-direction:column;gap:16px}
.footbrandname{font-family:'Merriweather',serif;font-size:26px;font-weight:700;color:#FFF;line-height:1.2;text-decoration:none}
.footbrandname em{color:#06DEAB;font-style:italic}
.footdesc{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:300;line-height:1.75;color:#ffffffa6;max-width:280px}
.footlinks{display:flex;flex-direction:column;gap:8px}
.footgrouplabel{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;color:#06DEAB;text-transform:uppercase;margin-bottom:8px;line-height:1.5}
.footlink{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:400;color:#ffffffb8;text-decoration:none;line-height:1.5;padding:4px 0;transition:color .15s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:8px;min-height:44px}
.footlink:hover{color:#06DEAB}
.footcontactgroup{display:flex;flex-direction:column;gap:8px}
.footcontactlabel{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;color:#06DEAB;text-transform:uppercase;margin-bottom:8px;line-height:1.5}
.footaddr{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:300;color:#ffffffa6;line-height:1.75;font-style:normal}
.footcontactlink{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:400;color:#ffffffb8;text-decoration:none;line-height:1.5;transition:color .15s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:8px;min-height:44px}
.footcontactlink:hover{color:#06DEAB}
.footdivider{border:none;border-top:1px solid #ffffff1a;margin:0 0 28px}
.footbottom{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.footcopy{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:300;color:#ffffff73;line-height:1.5}
.footpolicylist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px}
.footpolicylist li{display:flex}
.policylink{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:400;color:#ffffff73;text-decoration:none;transition:color .15s cubic-bezier(0.4,0,0.2,1);line-height:1.5}
.policylink:hover{color:#06DEAB}
.footlogowrap{margin-top:28px;padding-top:28px;border-top:1px solid #ffffff12;display:flex;justify-content:center}
.footlogobox{border:1px solid #ffffff2e;border-radius:6px;padding:8px;background-color:#ffffff0f;box-shadow:1px 1px 4px 1px #06deab0f;display:inline-flex}
.footlogobox img{display:block;width:56px;height:56px;object-fit:contain}
.scriptaccent{font-family:'Merriweather',serif;font-style:italic;font-size:48px;font-weight:300;color:#06deab2e;line-height:1.2;user-select:none;pointer-events:none;letter-spacing:-.02em}
@media (max-width: 960px) {
.footgrid{grid-template-columns:1fr 1fr;gap:28px}
.footbrand{grid-column:1 / -1}
}
@media (max-width: 480px) {
.footgrid{grid-template-columns:1fr;gap:28px}
.footbottom{flex-direction:column;align-items:flex-start;gap:16px}
.scriptaccent{font-size:26px}
}
.cookiebar{position:fixed;top:0;left:0;right:0;z-index:4000;display:none;transform:translateX(100%);transition:transform .26s cubic-bezier(0.0,0,0.2,1)}
.cookiebar.shown{transform:translateX(0)}
.cbinner{max-width:560px;margin:16px 16px 0 auto;background-color:#28263A;border-radius:22px;padding:28px;box-shadow:1px 8px 44px 1px #06deab1a;display:flex;flex-direction:column;gap:16px}
.cbhead{font-family:'Merriweather',serif;font-size:20px;font-weight:700;color:#FFF;line-height:1.2}
.cbtext{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:300;color:#ffffffbf;line-height:1.75}
.cbtext a{color:#06DEAB;text-decoration:underline;text-underline-offset:2px}
.cbbtns{display:flex;gap:16px}
.cbaccept,.cbdecline{flex:1;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;border:none;border-radius:6px;padding:16px;cursor:pointer;min-height:48px;transition:background-color .18s cubic-bezier(0.4,0,0.2,1),color .18s cubic-bezier(0.4,0,0.2,1);line-height:1.2}
.cbaccept{background-color:#06DEAB;color:#28263A}
.cbaccept:hover,.cbaccept:focus{background-color:#04c498;color:#28263A}
.cbdecline{background-color:#ffffff1a;color:#FFF}
.cbdecline:hover,.cbdecline:focus{background-color:#fff3;color:#FFF}
.doc-ld-block{max-width:1140px;margin:0 auto;padding:56px 28px;color:#28263A;font-size:15px;line-height:1.75}
.doc-ld-block ul,.doc-ld-block ol{margin:16px 0 28px;padding-left:28px}
.doc-ld-block ul ul,.doc-ld-block ol ol,.doc-ld-block ul ol,.doc-ld-block ol ul{margin:8px 0}
.doc-ld-block ul{list-style:none;padding-left:16px}
.doc-ld-block ul li{padding-left:16px;position:relative}
.doc-ld-block ul li::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:#06DEAB;position:absolute;left:0;top:.65em}
.doc-ld-block ol{list-style:decimal}
.doc-ld-block ol li{padding-left:8px}
.doc-ld-block ol li::marker{color:#06DEAB;font-size:14px}
.doc-ld-block li{margin-bottom:8px;font-size:15px;line-height:1.75;color:#28263A}
.doc-ld-block em,.doc-ld-block i{font-style:italic;color:#28263A}
.doc-ld-block table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px;line-height:1.5;border-radius:6px;overflow:hidden;box-shadow:1px 7px 14px 1px #06deab1c}
.doc-ld-block thead{background-color:#28263A}
.doc-ld-block thead th{color:#FFF;font-size:14px;font-weight:600;letter-spacing:.04em;padding:16px;text-align:left;border:none}
.doc-ld-block tbody tr{border-bottom:1px solid #06deab2e;transition:background-color .15s cubic-bezier(0.4,0,0.2,1)}
.doc-ld-block tbody tr:last-child{border-bottom:none}
.doc-ld-block tbody tr:hover{background-color:#06deab0f}
.doc-ld-block td{padding:16px;font-size:14px;line-height:1.5;color:#28263A;vertical-align:top;border:none}
.doc-ld-block tbody tr:nth-child(even){background-color:#28263a08}
.doc-ld-block tbody tr:nth-child(even):hover{background-color:#06deab0f}
.doc-ld-block hr{border:none;border-top:1px solid #06deab4d;margin:56px 0;height:1px;background:none}
.doc-ld-block div{margin-bottom:16px}
@media (max-width: 960px) {
.doc-ld-block{padding:56px 28px}
.doc-ld-block table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width: 480px) {
.doc-ld-block{padding:28px 16px}
.doc-ld-block ul,.doc-ld-block ol{padding-left:16px}
.doc-ld-block td,.doc-ld-block thead th{padding:8px}
.doc-ld-block hr{margin:28px 0}
}
.ctus{background:#fff;overflow-x:hidden}
.ctus .stripe{height:4px;background:linear-gradient(143deg,#06DEAB,#fff);width:100%}
.ctus .titlewrap{background:#28263A;padding:56px 28px 80px;position:relative;overflow:hidden}
.ctus .titlewrap::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:48px;background:#fff;clip-path:polygon(100% 0,100% 100%,0 100%)}
.ctus .titlewrap::before{content:'';position:absolute;top:0;right:0;width:340px;height:3px;background:linear-gradient(143deg,#06DEAB,transparent)}
.ctus .tinner{max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.ctus .tnum{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;position:relative}
.ctus .tnum svg{position:absolute;top:0;left:0}
.ctus .tnumlabel{font-size:15px;font-weight:700;color:#06DEAB;position:relative;z-index:1}
.ctus .ttagline{font-size:14px;color:#06DEAB;letter-spacing:.12em;text-transform:uppercase}
.ctus .th1{font-size:48px;line-height:1.2;color:#fff;font-weight:800;margin:0;max-width:680px}
.ctus .th1 .accent{color:#06DEAB;position:relative;display:inline-block}
.ctus .th1 .accent::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#06DEAB;transform:scaleX(0);transform-origin:left;animation:drawline .6s cubic-bezier(0.4,0,0.2,1) .5s forwards}
@keyframes drawline {
to{transform:scaleX(1)}
}
.ctus .tsub{font-size:20px;line-height:1.5;color:#ffffffb8;max-width:520px;margin:0}
.ctus .titlemeta{display:flex;flex-direction:row;gap:28px;flex-wrap:wrap}
.ctus .metaitem{display:flex;flex-direction:column;gap:4px}
.ctus .metalabel{font-size:14px;color:#ffffff73;letter-spacing:.08em;text-transform:uppercase}
.ctus .metaval{font-size:15px;color:#fff;font-weight:600}
.ctus .metaval a{color:#06DEAB;text-decoration:none;border-bottom:2px solid #06DEAB;padding-bottom:1px;transition:opacity .15s cubic-bezier(0.4,0,0.2,1)}
.ctus .metaval a:hover{opacity:.75}
.ctus .formblock{background:#fff;padding:56px 28px}
.ctus .finner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.ctus .fleft{display:flex;flex-direction:column;gap:28px}
.ctus .fh2{font-size:26px;line-height:1.2;color:#28263A;font-weight:700;margin:0;position:relative;display:inline-block}
.ctus .fh2::after{content:'';position:absolute;bottom:-6px;left:0;width:40px;height:2px;background:#06DEAB;transition:width .4s cubic-bezier(0.4,0,0.2,1)}
.ctus .fleft:hover .fh2::after{width:100%}
.ctus .fdesc{font-size:15px;line-height:1.75;color:#4a4860;margin:0;padding:16px;background:#06deab0f;border-radius:6px}
.ctus .flist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.ctus .flist li{display:flex;flex-direction:row;align-items:flex-start;gap:16px;font-size:15px;line-height:1.5;color:#28263A}
.ctus .flist li::before{content:'';display:block;width:8px;height:8px;min-width:8px;border-radius:50%;background:#06DEAB;margin-top:6px}
.ctus .fform{background:#fff;border-radius:22px;box-shadow:1px 8px 44px 1px #06deab1a;padding:56px 28px;display:flex;flex-direction:column;gap:16px}
.ctus .frow{display:flex;flex-direction:column;gap:8px}
.ctus .flabel{font-size:14px;color:#28263A;font-weight:600;letter-spacing:.06em}
.ctus .flabel .req{color:#06DEAB;margin-left:2px}
.ctus .finput{width:100%;box-sizing:border-box;padding:16px;font-size:15px;line-height:1.5;color:#28263A;background:#f4f4f8;border:1.5px solid transparent;border-radius:6px;outline:none;transition:border-color .15s cubic-bezier(0.4,0,0.2,1),background .15s cubic-bezier(0.4,0,0.2,1);appearance:none;-webkit-appearance:none}
.ctus .finput::placeholder{color:#06deab73}
.ctus .finput:focus{border-color:#06DEAB;background:#fff}
.ctus .fselect{width:100%;box-sizing:border-box;padding:16px;font-size:15px;line-height:1.5;color:#28263A;background:#f4f4f8;border:1.5px solid transparent;border-radius:6px;outline:none;transition:border-color .15s cubic-bezier(0.4,0,0.2,1),background .15s cubic-bezier(0.4,0,0.2,1);appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%2328263A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-color:#f4f4f8}
.ctus .fselect:focus{border-color:#06DEAB;background-color:#fff}
.ctus .ftimegrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ctus .ftimeoption{position:relative}
.ctus .ftimeoption input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.ctus .ftimeoption label{display:block;padding:12px 8px;text-align:center;font-size:14px;line-height:1.5;color:#28263A;background:#f4f4f8;border:1.5px solid transparent;border-radius:6px;cursor:pointer;transition:background .18s cubic-bezier(0.4,0,0.2,1),border-color .18s cubic-bezier(0.4,0,0.2,1),color .18s cubic-bezier(0.4,0,0.2,1)}
.ctus .ftimeoption input[type="radio"]:checked + label{background:#06deab1f;border-color:#06DEAB;color:#28263A;font-weight:600}
.ctus .ftimeoption label:hover{background:#06deab14;border-color:#06deab66}
.ctus .ftimeoption input[type="radio"]:focus + label{outline:2px solid #06DEAB;outline-offset:2px}
.ctus .fprivacy{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:16px;background:#28263a0a;border-radius:6px}
.ctus .fprivacy input[type="checkbox"]{margin-top:2px;accent-color:#06DEAB;width:18px;height:18px;flex-shrink:0;cursor:pointer}
.ctus .fprivacytext{font-size:14px;line-height:1.75;color:#4a4860}
.ctus .fprivacytext a{color:#28263A;text-decoration:none;border-bottom:2px solid #06DEAB;padding-bottom:1px;transition:color .15s cubic-bezier(0.4,0,0.2,1)}
.ctus .fprivacytext a:hover{color:#06DEAB}
.ctus .fbtn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:16px 28px;background:#06DEAB;color:#28263A;font-size:15px;font-weight:700;border:none;border-radius:6px;cursor:pointer;letter-spacing:.04em;box-shadow:1px 7px 14px 1px #06deab1c;transition:background .15s cubic-bezier(0.4,0,0.2,1),box-shadow .25s cubic-bezier(0.0,0,0.2,1),transform .15s cubic-bezier(0.4,0,0.2,1)}
.ctus .fbtn:hover{background:#28263A;color:#06DEAB;box-shadow:1px 8px 44px 1px #06deab1a}
.ctus .fbtn:active{transform:translateY(1px)}
.ctus .fbtn:focus{outline:2px solid #06DEAB;outline-offset:3px}
.ctus .fbtn svg{transition:transform .2s cubic-bezier(0.4,0,0.2,1)}
.ctus .fbtn:hover svg{transform:translateX(4px)}
.ctus .infoblock{padding:56px 28px;background:linear-gradient(143deg,#06deab12,#28263a0a);position:relative;overflow:hidden}
.ctus .infoblock::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(143deg,#28263A,#06DEAB)}
.ctus .iinner{max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.ctus .ih4{font-size:26px;line-height:1.2;color:#28263A;font-weight:700;margin:0}
.ctus .irow{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ctus .icard{background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:1px 1px 4px 1px #06deab0f;transition:box-shadow .25s cubic-bezier(0.0,0,0.2,1),transform .25s cubic-bezier(0.4,0,0.2,1)}
.ctus .icard:hover{box-shadow:1px 7px 14px 1px #06deab1c;transform:translateY(-3px)}
.ctus .icardicon{width:44px;height:44px;background:#06deab1f;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ctus .icardtitle{font-size:14px;color:#06DEAB;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0}
.ctus .icardval{font-size:15px;line-height:1.75;color:#28263A;margin:0}
.ctus .icardval a{color:#28263A;text-decoration:none;border-bottom:1px solid #06DEAB;padding-bottom:1px;transition:color .15s cubic-bezier(0.4,0,0.2,1),border-bottom-color .15s cubic-bezier(0.4,0,0.2,1)}
.ctus .icardval a:hover{color:#06DEAB}
.ctus .icardval a:focus{outline:2px solid #06DEAB;outline-offset:2px}
.ctus .metaval a:focus{outline:2px solid #06DEAB;outline-offset:2px}
.ctus .photowrap{display:flex;flex-direction:row;gap:28px;align-items:flex-start;flex-wrap:wrap}
.ctus .photocard{border-radius:22px;overflow:hidden;box-shadow:1px 8px 44px 1px #28263a1a;transition:box-shadow .28s cubic-bezier(0.0,0,0.2,1),transform .28s cubic-bezier(0.4,0,0.2,1);flex-shrink:0}
.ctus .photocard:hover{box-shadow:1px 7px 14px 1px #06deab1c;transform:translateY(-4px)}
.ctus .photocard img{display:block;width:260px;height:180px;object-fit:cover;filter:saturate(0.85) brightness(0.95);transition:filter .28s cubic-bezier(0.4,0,0.2,1)}
.ctus .photocard:hover img{filter:saturate(1) brightness(1)}
.ctus .photodesc{display:flex;flex-direction:column;gap:16px;justify-content:flex-start;max-width:460px}
.ctus .photodesc h4{font-size:20px;line-height:1.2;color:#28263A;font-weight:700;margin:0}
.ctus .photodesc p{font-size:15px;line-height:1.75;color:#4a4860;margin:0}
.ctus .revealup{opacity:0;transform:translateY(32px);animation:riseup .6s cubic-bezier(0.4,0,0.2,1) forwards}
.ctus .revealup.d1{animation-delay:.1s}
.ctus .revealup.d2{animation-delay:.22s}
.ctus .revealup.d3{animation-delay:.34s}
.ctus .revealup.d4{animation-delay:.46s}
.ctus .revealup.d5{animation-delay:.58s}
@keyframes riseup {
to{opacity:1;transform:translateY(0)}
}
@media (max-width: 960px) {
.ctus .finner{grid-template-columns:1fr;gap:28px}
.ctus .irow{grid-template-columns:1fr 1fr}
.ctus .th1{font-size:36px}
}
@media (max-width: 480px) {
.ctus .irow{grid-template-columns:1fr}
.ctus .titlewrap{padding:28px 16px 64px}
.ctus .formblock{padding:28px 16px}
.ctus .fform{padding:28px 16px}
.ctus .infoblock{padding:28px 16px}
.ctus .th1{font-size:26px}
.ctus .ftimegrid{grid-template-columns:1fr}
.ctus .photowrap{flex-direction:column}
.ctus .photocard img{width:100%;height:160px}
.ctus .photocard{width:100%}
.ctus .titlemeta{flex-direction:column;gap:16px}
}
.tech{background:#fff;overflow-x:clip;position:relative}
.tech .rotating-bg{position:fixed;top:50%;left:50%;width:600px;height:600px;margin-top:-300px;margin-left:-300px;border:1px solid #06deab12;border-radius:38px;animation:rotatebg 28s linear infinite;pointer-events:none;z-index:0}
.tech .rotating-bg::before{content:'';position:absolute;inset:40px;border:1px solid #06deab0d;border-radius:22px;animation:rotatebg 18s linear infinite reverse}
@keyframes rotatebg {
to{transform:rotate(360deg)}
}
@keyframes colorfade {
0%{background-color:#06deab0a}
50%{background-color:#28263a0a}
100%{background-color:#06deab0a}
}
@keyframes drawline {
from{width:0}
to{width:100%}
}
.tech *{box-sizing:border-box}
.tech .pg{max-width:1140px;margin:0 auto;padding:0 28px;position:relative;z-index:1}
.tech .dot{display:inline-block;width:7px;height:7px;background:#06DEAB;border-radius:50%;margin-right:8px;flex-shrink:0}
.tech .accent{color:#06DEAB}
.tech ::selection{background:#06DEAB;color:#28263A}
.tech input::placeholder,.tech textarea::placeholder{color:#06deab73}
.tech a{color:#28263A;text-decoration:underline;text-decoration-skip-ink:auto}
.tech a:hover{color:#06DEAB;transition:color .15s cubic-bezier(0.4,0,0.2,1)}
.tech .titlesec{padding:56px 0 28px;animation:colorfade 12s ease-in-out infinite;position:relative;overflow:hidden}
.tech .titlesec .decband{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(143deg,#06DEAB,#fff)}
.tech .titlegrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.tech .titletext{display:flex;flex-direction:column;gap:16px}
.tech .titlelabel{font-size:14px;letter-spacing:.12em;color:#06DEAB;text-transform:uppercase;font-weight:600}
.tech .titleh1{font-size:48px;line-height:1.2;color:#28263A;margin:0}
.tech .titleh1 .underacc{position:relative;display:inline-block}
.tech .titleh1 .underacc::after{content:'';position:absolute;left:0;bottom:-3px;height:3px;background:#06DEAB;border-radius:1px;animation:drawline 1s cubic-bezier(0.0,0,0.2,1) .4s forwards;width:0}
.tech .titledesc{font-size:15px;line-height:1.75;color:#28263A;margin:0;padding:16px;background:#06deab12;border-radius:6px}
.tech .titledesc2{font-size:15px;line-height:1.75;color:#28263A;margin:0}
.tech .titlebtn{display:inline-flex;align-items:center;gap:8px;padding:16px 28px;background:#28263A;color:#fff;border-radius:6px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s cubic-bezier(0.4,0,0.2,1),box-shadow .25s cubic-bezier(0.4,0,0.2,1);box-shadow:1px 7px 14px 1px #28263a1c;align-self:flex-start;cursor:pointer;border:none}
.tech .titlebtn:hover{background:#06DEAB;color:#28263A;box-shadow:1px 8px 44px 1px #06deab1a}
.tech .titlebtn:active{transform:translateY(2px);box-shadow:1px 1px 4px 1px #06deab0f}
.tech .titlebtn svg{width:18px;height:18px;flex-shrink:0}
.tech .titlemosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px;border-radius:22px;overflow:hidden}
.tech .mosaic1{grid-column:1 / 3;position:relative;border-radius:22px;overflow:hidden}
.tech .mosaic1 img{width:100%;height:220px;object-fit:cover;display:block;border-radius:22px}
.tech .mosaic1 .imggrad{position:absolute;inset:0;background:linear-gradient(143deg,transparent 40%,#28263a8c 100%);border-radius:22px}
.tech .mosaic2{border-radius:22px;overflow:hidden}
.tech .mosaic2 img{width:100%;height:130px;object-fit:cover;display:block;border-radius:22px}
.tech .mosaic3{background:linear-gradient(143deg,#06DEAB,#28263A);border-radius:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:130px;gap:4px}
.tech .mosaic3stat{font-size:26px;color:#fff;font-weight:700;line-height:1.2}
.tech .mosaic3label{font-size:14px;color:#fffc;text-align:center;line-height:1.5;padding:0 8px}
.tech .stacksec{padding:56px 0;background:#28263A;position:relative}
.tech .stacksec .bgglow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:300px;background:radial-gradient(ellipse 60% 50% at 50% 50%,#06deab1a 0%,transparent 70%);pointer-events:none}
.tech .stackhead{text-align:center;margin-bottom:56px}
.tech .stackh2{font-size:48px;line-height:1.2;color:#fff;margin:0 0 16px}
.tech .stacksub{font-size:15px;line-height:1.75;color:#ffffffb3;max-width:520px;margin:0 auto}
.tech .stackgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tech .stackcard{background:#ffffff0d;border-radius:22px;padding:28px;border:1px solid #06deab26;transition:background .2s cubic-bezier(0.4,0,0.2,1),border-color .15s cubic-bezier(0.4,0,0.2,1),box-shadow .25s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;gap:16px;cursor:default}
.tech .stackcard:hover{background:#06deab14;border-color:#06DEAB;box-shadow:1px 7px 14px 1px #06deab1c}
.tech .stackcard:active{transform:translateY(1px);box-shadow:1px 1px 4px 1px #06deab0f}
.tech .cardicon{width:44px;height:44px;border-radius:6px;background:#06deab26;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tech .cardicon svg{width:22px;height:22px}
.tech .cardh4{font-size:20px;line-height:1.2;color:#fff;margin:0;position:relative;display:inline-block}
.tech .stackcard:hover .cardh4::after{width:100%}
.tech .cardh4::after{content:'';position:absolute;left:0;bottom:-2px;height:2px;background:#06DEAB;border-radius:1px;width:0;transition:width .25s cubic-bezier(0.0,0,0.2,1)}
.tech .cardp{font-size:14px;line-height:1.75;color:#ffffffa6;margin:0}
.tech .cardtags{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:4px}
.tech .tag{font-size:14px;padding:4px 8px;background:#06deab1f;color:#06DEAB;border-radius:6px;letter-spacing:.04em}
.tech .contrastsec{padding:56px 0;background:#fff;position:relative}
.tech .contrastwrap{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:38px;overflow:hidden;box-shadow:1px 8px 44px 1px #28263a1a}
.tech .cside{padding:56px 28px;display:flex;flex-direction:column;gap:28px}
.tech .cside.before{background:#28263a0a}
.tech .cside.after{background:linear-gradient(143deg,#06deab1a,#06deab0a)}
.tech .csidetag{font-size:14px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#28263A;opacity:.5}
.tech .cside.after .csidetag{color:#06DEAB;opacity:1}
.tech .csideh3{font-size:26px;line-height:1.2;color:#28263A;margin:0}
.tech .csideitems{display:flex;flex-direction:column;gap:16px}
.tech .csideitem{display:flex;flex-direction:row;align-items:flex-start;gap:8px;font-size:15px;line-height:1.5;color:#28263A}
.tech .csideitem .dot{margin-top:6px}
.tech .cside.before .csideitem .dot{background:#28263a4d}
.tech .contrimg{width:100%;display:block;height:200px;object-fit:cover}
.tech .contrimgwrap{position:relative;overflow:hidden}
.tech .controverlay{position:absolute;inset:0;background:linear-gradient(143deg,transparent 30%,#06deab4d 100%)}
.tech .csidedivider{width:1px;background:linear-gradient(180deg,transparent,#06deab66,transparent);align-self:stretch}
.tech .metricsec{padding:56px 0;position:relative;animation:colorfade 16s ease-in-out infinite 4s}
.tech .metricrow{display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:start}
.tech .metricleft{display:flex;flex-direction:column;gap:28px}
.tech .metrich2{font-size:48px;line-height:1.2;color:#28263A;margin:0}
.tech .metricp{font-size:15px;line-height:1.75;color:#28263A;margin:0}
.tech .metricp.first{background:#06deab14;border-radius:6px;padding:16px}
.tech .metriclink{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#28263A;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:color .15s cubic-bezier(0.4,0,0.2,1)}
.tech .metriclink:hover{color:#06DEAB}
.tech .metricright{display:flex;flex-direction:column;gap:16px}
.tech .metricbar{display:flex;flex-direction:column;gap:8px}
.tech .barlabel{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.tech .barname{font-size:14px;color:#28263A;font-weight:600;letter-spacing:.04em}
.tech .barval{font-size:20px;color:#06DEAB;font-weight:700;line-height:1.2}
.tech .bartrack{height:4px;background:#28263a1a;border-radius:1px;overflow:hidden}
.tech .barfill{height:100%;background:linear-gradient(143deg,#06DEAB,#28263A);border-radius:1px;animation:barexpand 1.2s cubic-bezier(0.0,0,0.2,1) forwards;width:0}
@keyframes barexpand {
to{width:var(--bw)}
}
.tech .imgcard{border-radius:22px;overflow:hidden;box-shadow:1px 7px 14px 1px #28263a1c;margin-top:16px}
.tech .imgcard img{width:100%;height:180px;object-fit:cover;display:block}
@media (max-width: 960px) {
.tech .titlegrid{grid-template-columns:1fr;gap:28px}
.tech .stackgrid{grid-template-columns:1fr 1fr}
.tech .contrastwrap{grid-template-columns:1fr;border-radius:22px}
.tech .csidedivider{display:none}
.tech .cside{padding:28px}
.tech .metricrow{grid-template-columns:1fr;gap:28px}
.tech .titleh1{font-size:48px}
}
@media (max-width: 480px) {
.tech .titleh1{font-size:26px}
.tech .stackgrid{grid-template-columns:1fr}
.tech .stackh2,.tech .metrich2{font-size:26px}
.tech .titlemosaic{grid-template-columns:1fr}
.tech .mosaic1 img{height:160px}
.tech .mosaic3{height:90px}
.tech .titlesec,.tech .stacksec,.tech .contrastsec,.tech .metricsec{padding:28px 0}
}
.lprog{background:#fff;overflow-x:clip}
.lprog .lp-band{background:linear-gradient(143deg,#06DEAB 0%,#28263A 100%);padding:56px 28px;position:relative}
.lprog .lp-band-inner{max-width:1140px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:56px}
.lprog .lp-band-text{flex:1;min-width:0}
.lprog .lp-band-tag{display:inline-block;border:1px solid #06deab80;border-radius:6px;padding:4px 16px;font-size:14px;line-height:1.5;letter-spacing:.08em;color:#06DEAB;margin-bottom:16px}
.lprog .lp-h1{font-size:48px;line-height:1.2;color:#fff;margin:0 0 16px}
.lprog .lp-h1 em{font-style:normal;color:#06DEAB}
.lprog .lp-tagline{font-size:20px;line-height:1.5;color:#ffffffd1;margin:0 0 28px;max-width:480px}
.lprog .lp-actions{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}
.lprog .lp-btn-primary{display:inline-flex;align-items:center;gap:8px;background:#06DEAB;color:#28263A;font-size:15px;line-height:1.5;font-weight:700;padding:16px 28px;border-radius:6px;text-decoration:none;border:none;cursor:pointer;box-shadow:1px 7px 14px 1px #06deab1c;transition:background .15s cubic-bezier(0.4,0,0.2,1),box-shadow .25s cubic-bezier(0.4,0,0.2,1)}
.lprog .lp-btn-primary:hover{background:#04c49a;box-shadow:1px 8px 44px 1px #06deab1a}
.lprog .lp-btn-primary:focus-visible{outline:2px solid #06DEAB;outline-offset:3px}
.lprog .lp-btn-sec{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;font-size:15px;line-height:1.5;font-weight:600;padding:16px 28px;border-radius:6px;text-decoration:none;border:1px solid #fff6;cursor:pointer;transition:border-color .18s cubic-bezier(0.0,0,0.2,1),background .18s cubic-bezier(0.0,0,0.2,1)}
.lprog .lp-btn-sec:hover{background:#ffffff14;border-color:#ffffffb3}
.lprog .lp-btn-sec:focus-visible{outline:2px solid #06DEAB;outline-offset:3px}
.lprog .lp-band-img{flex:0 0 340px;position:relative}
.lprog .lp-band-img img{width:340px;height:260px;object-fit:cover;border-radius:22px;display:block;filter:grayscale(30%) saturate(0.9)}
.lprog .lp-imgoverlay{position:absolute;inset:0;border-radius:22px;background:linear-gradient(143deg,#06deab2e 0%,#28263a73 100%);pointer-events:none}
.lprog .lp-glow{position:absolute;width:200px;height:200px;border-radius:38px;background:#06deab38;filter:blur(40px);top:-28px;right:-28px;pointer-events:none}
.lprog .lp-curve{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:0}
.lprog .lp-curve svg{position:absolute;bottom:0;left:0;width:100%;opacity:.13}
.lprog .lp-divider{display:flex;flex-direction:row;align-items:center;max-width:1140px;margin:0 auto;padding:0 28px;gap:4px;height:28px}
.lprog .lp-divdash{height:2px;background:#28263A;border-radius:1px;opacity:.18}
.lprog .lp-divdash.short{flex:1}
.lprog .lp-divdash.long{flex:2.4}
.lprog .lp-steps{padding:56px 28px;background:#fff}
.lprog .lp-steps-inner{max-width:1140px;margin:0 auto}
.lprog .lp-steps-label{font-size:14px;letter-spacing:.1em;color:#06DEAB;margin-bottom:8px;display:block}
.lprog .lp-h2{font-size:48px;line-height:1.2;color:#28263A;margin:0 0 28px}
.lprog .lp-h2 em{font-style:normal;color:#06DEAB;position:relative;display:inline-block}
.lprog .lp-h2 em::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:3px;background:#06DEAB;border-radius:1px;transform:scaleX(0);transform-origin:left;animation:underlineDraw .6s cubic-bezier(0.4,0,0.2,1) .3s forwards}
@keyframes underlineDraw {
to{transform:scaleX(1)}
}
.lprog .lp-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:28px}
.lprog .lp-step{position:relative;animation:stepAppear .45s cubic-bezier(0.34,1.56,0.64,1) both}
.lprog .lp-step:nth-child(1){animation-delay:.1s}
.lprog .lp-step:nth-child(2){animation-delay:.2s}
.lprog .lp-step:nth-child(3){animation-delay:.3s}
.lprog .lp-step:nth-child(4){animation-delay:.4s}
@keyframes stepAppear {
from{transform:scale(0.8);opacity:0}
to{transform:scale(1);opacity:1}
}
.lprog .lp-step-num{font-size:48px;line-height:1.2;color:#06deab26;font-weight:700;margin-bottom:8px}
.lprog .lp-step-icon{width:48px;height:48px;border:1px solid #28263A;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:border-color .18s cubic-bezier(0.4,0,0.2,1),background .22s cubic-bezier(0.4,0,0.2,1)}
.lprog .lp-step:hover .lp-step-icon{border-color:#06DEAB;background:#06deab12}
.lprog .lp-step-icon svg{width:24px;height:24px;stroke:#28263A;fill:none;transition:stroke .18s cubic-bezier(0.4,0,0.2,1)}
.lprog .lp-step:hover .lp-step-icon svg{stroke:#06DEAB}
.lprog .lp-step-h{font-size:20px;line-height:1.2;color:#28263A;margin:0 0 8px}
.lprog .lp-step-p{font-size:15px;line-height:1.75;color:#28263A;margin:0;opacity:.8}
.lprog .lp-connector{position:absolute;top:68px;right:-16px;width:32px;height:2px;pointer-events:none}
.lprog .lp-connector svg{width:32px;height:16px;overflow:visible}
.lprog .lp-detail{padding:56px 28px;background:#06deab0a;position:relative}
.lprog .lp-detail-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.35fr;gap:56px;align-items:start}
.lprog .lp-detail-left{position:sticky;top:28px}
.lprog .lp-h3{font-size:26px;line-height:1.2;color:#28263A;margin:0 0 16px;position:relative;display:inline-block}
.lprog .lp-h3::after{content:'';position:absolute;bottom:-4px;left:0;width:40px;height:2px;background:#06DEAB;border-radius:1px;transition:width .28s cubic-bezier(0.4,0,0.2,1)}
.lprog .lp-detail-left:hover .lp-h3::after{width:100%}
.lprog .lp-body{font-size:15px;line-height:1.75;color:#28263A;margin:0 0 16px}
.lprog .lp-body.open{background:#06deab12;border-radius:6px;padding:16px;font-size:15px;line-height:1.75;color:#28263A;margin:0 0 16px}
.lprog .lp-formats{display:flex;flex-direction:column;gap:16px}
.lprog .lp-fmt{border:1px solid #28263a1f;border-radius:22px;padding:28px;background:#fff;box-shadow:1px 1px 4px 1px #06deab0f;transition:box-shadow .25s cubic-bezier(0.0,0,0.2,1),border-color .18s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.lprog .lp-fmt:hover{box-shadow:1px 7px 14px 1px #06deab1c;border-color:#06deab66}
.lprog .lp-fmt-badge{display:inline-block;background:#06deab1f;color:#06DEAB;font-size:14px;line-height:1.5;letter-spacing:.06em;padding:4px 16px;border-radius:6px;margin-bottom:16px;font-weight:600}
.lprog .lp-fmt-badge.accent{background:#06DEAB;color:#28263A}
.lprog .lp-fmt-h{font-size:20px;line-height:1.2;color:#28263A;margin:0 0 8px}
.lprog .lp-fmt-p{font-size:15px;line-height:1.75;color:#28263A;margin:0 0 16px;opacity:.82}
.lprog .lp-fmt-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.lprog .lp-fmt-list li{font-size:14px;line-height:1.5;color:#28263A;display:flex;align-items:flex-start;gap:8px;opacity:.85}
.lprog .lp-fmt-list li::before{content:'';display:inline-block;width:14px;height:2px;background:#06DEAB;border-radius:1px;margin-top:10px;flex-shrink:0}
.lprog .lp-tooltip-wrap{position:relative;display:inline-flex;align-items:center;margin-top:16px}
.lprog .lp-tooltip-btn{display:inline-flex;align-items:center;gap:8px;background:#28263A;color:#fff;font-size:14px;line-height:1.5;padding:8px 16px;border-radius:6px;text-decoration:none;border:none;cursor:pointer;transition:background .15s cubic-bezier(0.4,0,0.2,1)}
.lprog .lp-tooltip-btn:hover{background:#06DEAB;color:#28263A}
.lprog .lp-tooltip-btn:focus-visible{outline:2px solid #06DEAB;outline-offset:3px}
.lprog .lp-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;background:#28263A;color:#fff;font-size:14px;line-height:1.5;padding:8px 16px;border-radius:6px;white-space:nowrap;box-shadow:1px 7px 14px 1px #28263a1c;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(0.4,0,0.2,1);z-index:10}
.lprog .lp-tooltip::after{content:'';position:absolute;top:100%;left:20px;border:6px solid transparent;border-top-color:#28263A}
.lprog .lp-tooltip-btn:focus-visible + .lp-tooltip{opacity:1}
.lprog .lp-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.lprog .lp-meta-item{background:#fff;border-radius:6px;padding:16px;border:1px solid #28263a1a;animation:stepAppear .4s cubic-bezier(0.34,1.56,0.64,1) .2s both}
.lprog .lp-meta-val{font-size:26px;line-height:1.2;color:#06DEAB;font-weight:700;margin-bottom:4px}
.lprog .lp-meta-label{font-size:14px;line-height:1.5;color:#28263A;opacity:.7}
@media (max-width: 960px) {
.lprog .lp-band-inner{flex-direction:column;gap:28px}
.lprog .lp-band-img{flex:0 0 auto;width:100%}
.lprog .lp-band-img img{width:100%;height:220px}
.lprog .lp-h1{font-size:48px}
.lprog .lp-steps-grid{grid-template-columns:repeat(2,1fr)}
.lprog .lp-connector{display:none}
.lprog .lp-detail-inner{grid-template-columns:1fr;gap:28px}
.lprog .lp-detail-left{position:static}
}
@media (max-width: 480px) {
.lprog .lp-h1{font-size:26px}
.lprog .lp-h2{font-size:26px}
.lprog .lp-steps-grid{grid-template-columns:1fr}
.lprog .lp-band{padding:28px 16px}
.lprog .lp-steps{padding:28px 16px}
.lprog .lp-detail{padding:28px 16px}
.lprog .lp-detail-meta{grid-template-columns:1fr}
.lprog .lp-tagline{font-size:15px}
}
.proc{background:#fff;overflow-x:clip}
.proc *{box-sizing:border-box}
.proc a{color:#06DEAB;text-decoration:underline;text-decoration-style:double;transition:color .15s cubic-bezier(0.4,0,0.2,1)}
.proc a:hover{color:#28263A}
.proc .pmax{max-width:1140px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}
.proc .zigzag{display:block;width:100%;height:32px;overflow:hidden}
@keyframes scaleIn {
from{opacity:0;transform:scale(0.9)}
to{opacity:1;transform:scale(1)}
}
@keyframes rotateSlow {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes drawLine {
from{width:0}
to{width:100%}
}
.proc .rotgeo{position:absolute;width:340px;height:340px;border:2px solid #06deab14;border-radius:38px;animation:rotateSlow 28s linear infinite;pointer-events:none}
.proc .rotgeo2{position:absolute;width:180px;height:180px;border:1.5px solid #06deab0f;border-radius:22px;animation:rotateSlow 18s linear infinite reverse;pointer-events:none}
.proc .titband{background:#fff;padding-top:56px;padding-bottom:56px;position:relative;overflow:hidden;animation:scaleIn .4s cubic-bezier(0.0,0,0.2,1) both}
.proc .titband::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(143deg,transparent,transparent 18px,#06deab0a 18px,#06deab0a 20px);pointer-events:none}
.proc .titband .rotgeo{right:-80px;top:-60px}
.proc .titband .rotgeo2{left:60px;bottom:-40px}
.proc .titstrip{display:flex;flex-direction:row;align-items:center;gap:56px}
.proc .tittext{flex:1 1 0;min-width:0}
.proc .titlabel{display:inline-block;font-size:14px;line-height:1.2;letter-spacing:.12em;color:#06DEAB;text-transform:uppercase;margin-bottom:16px;font-weight:600}
.proc .tith1{font-size:48px;line-height:1.2;color:#28263A;font-weight:800;margin:0 0 16px}
.proc .tith1 .punct{color:#06DEAB}
.proc .titdesc{font-size:20px;line-height:1.5;color:#28263A;opacity:.72;margin:0;max-width:480px}
.proc .titimg{flex:0 0 340px;width:340px;height:260px;border-radius:6px;overflow:hidden;box-shadow:1px 8px 44px 1px #06deab1a;position:relative}
.proc .titimg img{width:100%;height:100%;object-fit:cover;display:block;filter:hue-rotate(12deg) saturate(1.18) contrast(1.06);transition:transform .4s cubic-bezier(0.4,0,0.2,1)}
.proc .titimg:hover img{transform:scale(1.04)}
.proc .steps{padding-top:56px;padding-bottom:56px;position:relative;background:linear-gradient(143deg,#f4fefb 0%,#fff 60%)}
.proc .steps .rotgeo{left:-120px;top:40px}
.proc .stepsgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
.proc .steph2{font-size:26px;line-height:1.2;color:#28263A;font-weight:700;margin:0 0 8px;position:relative;display:inline-block}
.proc .steph2::after{content:'';display:block;height:2px;background:#06DEAB;width:0;margin-top:4px;animation:drawLine .4s cubic-bezier(0.4,0,0.2,1) .3s forwards}
.proc .stepsub{font-size:15px;line-height:1.5;color:#28263A;opacity:.6;margin:0 0 28px}
.proc .stepcard{background:#fff;border-radius:22px;padding:28px;border-right:3px solid #06DEAB;box-shadow:1px 7px 14px 1px #28263a1c;position:relative;transition:transform .25s cubic-bezier(0.4,0,0.2,1),box-shadow .25s cubic-bezier(0.4,0,0.2,1);animation:scaleIn .4s cubic-bezier(0.0,0,0.2,1) both}
.proc .stepcard:hover{transform:translateY(-4px);box-shadow:1px 8px 44px 1px #06deab1a}
.proc .stepcard::before{content:'';position:absolute;inset:0;border-radius:22px;background:#06deab00;transition:background .18s cubic-bezier(0.4,0,0.2,1);pointer-events:none}
.proc .stepcard:hover::before{background:#06deab0a}
.proc .stepnum{font-size:48px;line-height:1.2;font-weight:800;color:#06deab2e;display:block;margin-bottom:8px}
.proc .stepcardh{font-size:20px;line-height:1.2;color:#28263A;font-weight:700;margin:0 0 8px}
.proc .stepcardh .accent{color:#06DEAB}
.proc .stepcardp{font-size:15px;line-height:1.75;color:#28263A;opacity:.75;margin:0}
.proc .stepcardp:first-of-type{background:#06deab0f;border-radius:6px;padding:8px;margin-bottom:8px;opacity:1;color:#28263A}
.proc .steplist{list-style:none;padding:0;margin:8px 0 0}
.proc .steplist li{font-size:14px;line-height:1.75;color:#28263A;opacity:.72;padding-left:16px;position:relative}
.proc .steplist li::before{content:'—';position:absolute;left:0;color:#06DEAB}
.proc .stepcard.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.proc .stepcard.wide .stepasym{padding-right:28px;border-right:1px solid #06deab26}
.proc .stepcard.wide .stepmin{padding-left:0;display:flex;flex-direction:column;gap:16px;justify-content:center}
.proc .stepmetric{display:flex;flex-direction:column;gap:4px}
.proc .stepmetric .mval{font-size:48px;line-height:1.2;font-weight:800;color:#06DEAB}
.proc .stepmetric .mlabel{font-size:14px;line-height:1.5;color:#28263A;opacity:.65;letter-spacing:.06em}
.proc .divzz{display:block;width:100%;overflow:hidden;line-height:0}
.proc .phases{padding-top:56px;padding-bottom:56px;position:relative;background:#28263A}
.proc .phases::before{content:'';position:absolute;inset:0;background:linear-gradient(143deg,#06deab12 0%,transparent 55%);pointer-events:none}
.proc .phases .rotgeo{right:-100px;bottom:-60px;border-color:#ffffff0d}
.proc .phaseph2{font-size:26px;line-height:1.2;color:#fff;font-weight:700;margin:0 0 8px;position:relative;display:inline-block}
.proc .phaseph2::after{content:'';display:block;height:2px;background:#06DEAB;width:0;margin-top:4px;animation:drawLine .4s cubic-bezier(0.4,0,0.2,1) .5s forwards}
.proc .phasesub{font-size:15px;line-height:1.5;color:#ffffff80;margin:0 0 28px}
.proc .phasewrap{display:flex;flex-direction:column;gap:4px;margin-top:28px}
.proc .phaserow{display:grid;grid-template-columns:80px 1fr 220px;gap:28px;align-items:stretch;padding:16px 0;border-bottom:1px solid #ffffff12;transition:background .18s cubic-bezier(0.4,0,0.2,1);border-radius:6px}
.proc .phaserow:hover{background:#06deab0f;padding-left:8px;padding-right:8px}
.proc .phasenr{font-size:48px;line-height:1.2;font-weight:800;color:#06deab40;align-self:center}
.proc .phaseinfo{display:flex;flex-direction:column;gap:4px;justify-content:center}
.proc .phaseinfo h4{font-size:20px;line-height:1.2;color:#fff;font-weight:700;margin:0}
.proc .phaseinfo h4 .accent{color:#06DEAB}
.proc .phaseinfo p{font-size:14px;line-height:1.75;color:#ffffff8c;margin:0}
.proc .phasemeta{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:flex-end}
.proc .phasetag{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.2;color:#06DEAB;background:#06deab1a;border-radius:22px;padding:4px 16px;font-weight:600;white-space:nowrap}
.proc .phasedur{font-size:14px;line-height:1.5;color:#ffffff59;letter-spacing:.08em}
.proc .phaseimgrow{margin-top:28px;display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:center}
.proc .phaseimgbox{width:100%;height:260px;border-radius:22px;overflow:hidden;box-shadow:1px 8px 44px 1px #06deab1a}
.proc .phaseimgbox img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.85) brightness(0.92);transition:filter .28s cubic-bezier(0.4,0,0.2,1)}
.proc .phaseimgbox:hover img{filter:saturate(1.1) brightness(1.0)}
.proc .phaseclosenote{display:flex;flex-direction:column;gap:16px}
.proc .phaseclosenote h5{font-size:20px;line-height:1.2;color:#fff;font-weight:700;margin:0}
.proc .phaseclosenote p{font-size:15px;line-height:1.75;color:#ffffff8c;margin:0}
.proc .phaseclosenote .ctabtn{display:inline-flex;align-items:center;gap:8px;background:#06DEAB;color:#28263A;font-size:15px;line-height:1.2;font-weight:700;padding:16px 28px;border-radius:6px;text-decoration:none;border:none;cursor:pointer;box-shadow:1px 7px 14px 1px #06deab1c;transition:background .15s cubic-bezier(0.4,0,0.2,1),box-shadow .22s cubic-bezier(0.4,0,0.2,1),transform .22s cubic-bezier(0.0,0,0.2,1);width:fit-content}
.proc .phaseclosenote .ctabtn:hover{background:#04c497;box-shadow:1px 8px 44px 1px #06deab2e;transform:translateY(-2px)}
.proc .phaseclosenote .ctabtn:active{transform:translateY(0)}
.proc .phaseclosenote .ctabtn svg{flex-shrink:0}
@media (max-width: 960px) {
.proc .titstrip{flex-direction:column;gap:28px}
.proc .titimg{flex:none;width:100%;height:220px}
.proc .tith1{font-size:48px}
.proc .stepsgrid{grid-template-columns:1fr}
.proc .stepcard.wide{grid-column:span 1;grid-template-columns:1fr}
.proc .stepcard.wide .stepasym{border-right:none;padding-right:0;border-bottom:1px solid #06deab26;padding-bottom:16px}
.proc .phaserow{grid-template-columns:56px 1fr}
.proc .phasemeta{grid-column:2;align-items:flex-start}
.proc .phaseimgrow{grid-template-columns:1fr}
.proc .phaseimgbox{height:200px}
}
@media (max-width: 480px) {
.proc .tith1{font-size:26px}
.proc .titdesc{font-size:15px}
.proc .phaserow{grid-template-columns:1fr;gap:8px}
.proc .phasenr{font-size:26px}
.proc .stepnum{font-size:26px}
.proc .stepmetric .mval{font-size:26px}
}
.frnt{max-width:100%;overflow-x:hidden}
.frnt .pgwrap{max-width:1140px;margin:0 auto;padding:0 28px}
.frnt .sel-text::selection{background:#06DEAB;color:#28263A}
.frnt .arrowdiv{display:flex;justify-content:center;gap:8px;padding:16px 0}
.frnt .arrowdiv span{display:block;width:10px;height:10px;border-right:2px solid #06DEAB;border-bottom:2px solid #06DEAB;transform:rotate(45deg);opacity:.5}
.frnt .arrowdiv span:nth-child(2){opacity:.35}
.frnt .arrowdiv span:nth-child(3){opacity:.2}
.frnt .titlesec{position:relative;padding:56px 0;background:#28263A;border-right:4px solid #06DEAB}
.frnt .titlesec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 60%,#06deab2e 0%,#28263a00 70%);pointer-events:none}
.frnt .titlesec .tband{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(143deg,#06DEAB,#fff)}
.frnt .titlesec .tinner{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:center;max-width:1140px;margin:0 auto;padding:0 28px}
.frnt .titlesec .timgwrap{position:relative;border-radius:22px;overflow:hidden;height:360px}
.frnt .titlesec .timgwrap::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,#28263a8c 100%);pointer-events:none}
.frnt .titlesec .timgwrap img{width:100%;height:100%;object-fit:cover;display:block}
.frnt .titlesec .ttext{position:relative;z-index:1}
.frnt .titlesec .ttext h1{font-size:48px;line-height:1.2;color:#fff;margin:0;letter-spacing:-.5px}
.frnt .titlesec .ttext h1 .acc{color:#06DEAB}
@keyframes slideLeft {
from{opacity:0;transform:translateX(-40px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes slideRight {
from{opacity:0;transform:translateX(40px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes slideUp {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.frnt .titlesec .ttext{animation:slideLeft .4s cubic-bezier(0.4,0,0.2,1) both}
.frnt .titlesec .timgwrap{animation:slideRight .4s cubic-bezier(0.4,0,0.2,1) .15s both}
.frnt .proofsec{padding:56px 0;background:#fff;position:relative}
.frnt .proofsec .proofgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.frnt .proofsec .prooftxt h2{font-size:26px;line-height:1.2;color:#28263A;margin:0 0 16px;position:relative;display:inline-block}
.frnt .proofsec .prooftxt h2::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(143deg,#06DEAB,#fff);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(0.4,0,0.2,1)}
.frnt .proofsec .prooftxt h2:hover::after{transform:scaleX(1)}
.frnt .proofsec .prooftxt .firstp{background:#06deab12;border-radius:6px;padding:16px;margin-bottom:16px}
.frnt .proofsec .prooftxt .firstp p{font-size:15px;line-height:1.75;color:#28263A;margin:0}
.frnt .proofsec .prooftxt p{font-size:15px;line-height:1.75;color:#28263A;margin:0 0 16px}
.frnt .proofsec .statcards{display:flex;flex-direction:column;gap:16px}
.frnt .proofsec .statcard{border-radius:6px;background:#28263A;padding:28px;box-shadow:1px 7px 14px 1px #06deab1c;position:relative;overflow:hidden;animation:slideRight .35s cubic-bezier(0.0,0,0.2,1) .2s both}
.frnt .proofsec .statcard::before{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:#06deab14;border-radius:38px;transform:translate(20px,-20px)}
.frnt .proofsec .statcard .stnum{font-size:48px;line-height:1.2;color:#06DEAB;font-weight:700;display:block}
.frnt .proofsec .statcard .stdesc{font-size:14px;line-height:1.5;color:#fffc;display:block;margin-top:4px}
@keyframes bgpulse {
0%,100%{filter:brightness(1)}
50%{filter:brightness(1.04)}
}
.frnt .proofsec{animation:bgpulse 5s cubic-bezier(0.4,0,0.2,1) infinite}
.frnt .gapsec{padding:56px 0;position:relative;background-image:url(./photo_storage/2025012311_solutions.jpg);background-size:cover;background-position:center}
.frnt .gapsec::before{content:'';position:absolute;inset:0;background:#28263ad1;pointer-events:none}
.frnt .gapsec .gapinner{position:relative;z-index:1}
.frnt .gapsec .gaph{font-size:26px;line-height:1.2;color:#fff;margin:0 0 28px;max-width:600px}
.frnt .gapsec .gaph .acc{color:#06DEAB}
.frnt .gapsec .beforeafter{display:grid;grid-template-columns:1fr 56px 1fr;gap:0;align-items:stretch;max-width:860px}
.frnt .gapsec .bastep{border-radius:22px;padding:28px;animation:slideUp .4s cubic-bezier(0.4,0,0.2,1) .1s both}
.frnt .gapsec .bastep.before{background:#ffffff12;border:1px solid #ffffff1f}
.frnt .gapsec .bastep.after{background:#06deab1f;border:1px solid #06deab47}
.frnt .gapsec .bastep .steplabel{font-size:14px;letter-spacing:.12em;color:#ffffff80;display:block;margin-bottom:16px}
.frnt .gapsec .bastep.after .steplabel{color:#06DEAB}
.frnt .gapsec .bastep h3{font-size:20px;line-height:1.2;color:#fff;margin:0 0 8px}
.frnt .gapsec .bastep p{font-size:14px;line-height:1.75;color:#ffffffbf;margin:0}
.frnt .gapsec .bastep ul{list-style:none;padding:0;margin:8px 0 0}
.frnt .gapsec .bastep ul li{font-size:14px;line-height:1.75;color:#ffffffbf;padding-left:16px;position:relative}
.frnt .gapsec .bastep ul li::before{content:'—';position:absolute;left:0;color:#ffffff59}
.frnt .gapsec .bastep.after ul li::before{color:#06DEAB}
.frnt .gapsec .baconnect{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.frnt .gapsec .baconnect svg{display:block}
.frnt .offsec{padding:56px 0;background:#06deab0a;border-right:4px solid #06deab26}
.frnt .offsec .offhead{margin-bottom:28px}
.frnt .offsec .offhead h2{font-size:26px;line-height:1.2;color:#28263A;margin:0 0 8px;position:relative;display:inline-block}
.frnt .offsec .offhead h2::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#06DEAB;transition:width .25s cubic-bezier(0.4,0,0.2,1)}
.frnt .offsec .offhead h2:hover::after{width:100%}
.frnt .offsec .offhead p{font-size:15px;line-height:1.75;color:#28263A;margin:0;max-width:580px}
.frnt .offsec .offlist{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.frnt .offsec .offitem{border-radius:22px;background:#fff;padding:28px;box-shadow:1px 1px 4px 1px #28263a0f;transition:box-shadow .2s cubic-bezier(0.4,0,0.2,1),transform .2s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.frnt .offsec .offitem:hover{box-shadow:1px 8px 44px 1px #06deab1a;transform:translateY(-4px)}
.frnt .offsec .offitem::after{content:'';position:absolute;inset:0;background:#06deab0d;opacity:0;transition:opacity .15s cubic-bezier(0.4,0,0.2,1);pointer-events:none;border-radius:22px}
.frnt .offsec .offitem:hover::after{opacity:1}
.frnt .offsec .offitem .icobox{width:44px;height:44px;background:#06DEAB;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:1px 7px 14px 1px #06deab1c;flex-shrink:0}
.frnt .offsec .offitem .icobox svg{display:block}
.frnt .offsec .offitem h4{font-size:15px;line-height:1.5;color:#28263A;margin:0 0 8px}
.frnt .offsec .offitem p{font-size:14px;line-height:1.75;color:#28263A;margin:0;opacity:.8}
.frnt .offsec .offimg{margin-top:28px;border-radius:22px;overflow:hidden;height:260px;position:relative}
.frnt .offsec .offimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(0.4,0,0.2,1)}
.frnt .offsec .offimg:hover img{transform:scale(1.03)}
.frnt .supsec{padding:56px 0;background:#28263A;position:relative}
.frnt .supsec .supinner{display:grid;grid-template-columns:420px 1fr;gap:56px;align-items:start}
.frnt .supsec .supimg{border-radius:22px;overflow:hidden;height:400px;position:relative;box-shadow:1px 8px 44px 1px #06deab1a;animation:slideLeft .4s cubic-bezier(0.4,0,0.2,1) .1s both}
.frnt .supsec .supimg img{width:100%;height:100%;object-fit:cover;display:block}
.frnt .supsec .suptxt{animation:slideRight .4s cubic-bezier(0.4,0,0.2,1) .2s both}
.frnt .supsec .suptxt h2{font-size:26px;line-height:1.2;color:#fff;margin:0 0 16px;position:relative;display:inline-block}
.frnt .supsec .suptxt h2 .acc{color:#06DEAB}
.frnt .supsec .suptxt h2::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#06DEAB;transition:width .28s cubic-bezier(0.0,0,0.2,1)}
.frnt .supsec .suptxt h2:hover::after{width:100%}
.frnt .supsec .firstp{background:#06deab14;border-radius:6px;padding:16px;margin-bottom:16px}
.frnt .supsec .firstp p{font-size:15px;line-height:1.75;color:#ffffffe6;margin:0}
.frnt .supsec .suptxt p{font-size:15px;line-height:1.75;color:#fffc;margin:0 0 16px}
.frnt .supsec .suprows{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.frnt .supsec .suprow{display:flex;flex-direction:row;gap:16px;align-items:flex-start}
.frnt .supsec .suprow .rowico{width:36px;height:36px;background:#06deab26;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s cubic-bezier(0.4,0,0.2,1)}
.frnt .supsec .suprow:hover .rowico{background:#06deab4d}
.frnt .supsec .suprow .rowtxt h5{font-size:15px;line-height:1.5;color:#fff;margin:0 0 4px}
.frnt .supsec .suprow .rowtxt p{font-size:14px;line-height:1.75;color:#ffffffa6;margin:0}
.frnt .supsec .suplink{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-size:15px;color:#06DEAB;text-decoration:none;border-bottom:2px solid #06deab66;padding-bottom:4px;transition:border-color .15s cubic-bezier(0.4,0,0.2,1),color .15s cubic-bezier(0.4,0,0.2,1)}
.frnt .supsec .suplink:hover{color:#fff;border-color:#fff}
@media (max-width: 960px) {
.frnt .titlesec .tinner{grid-template-columns:1fr;gap:28px}
.frnt .titlesec .timgwrap{height:240px}
.frnt .proofsec .proofgrid{grid-template-columns:1fr;gap:28px}
.frnt .gapsec .beforeafter{grid-template-columns:1fr;gap:8px}
.frnt .gapsec .baconnect{display:none}
.frnt .offsec .offlist{grid-template-columns:1fr 1fr}
.frnt .supsec .supinner{grid-template-columns:1fr;gap:28px}
.frnt .supsec .supimg{height:260px}
}
@media (max-width: 480px) {
.frnt .titlesec .ttext h1{font-size:26px}
.frnt .offsec .offlist{grid-template-columns:1fr}
.frnt .titlesec{padding:28px 0}
.frnt .proofsec,.frnt .gapsec,.frnt .offsec,.frnt .supsec{padding:28px 0}
.frnt .proofsec .statcard .stnum{font-size:26px}
}
.abu{display:block;width:100%;overflow-x:hidden}
.abu .pg{max-width:1140px;margin:0 auto;padding:0 28px}
.abu .titleblk{padding:56px 28px;background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.abu .titleblk .imgframe{position:relative;width:320px;height:320px;margin:0 auto 28px}
.abu .titleblk .imgframe .bracket-tl,.abu .titleblk .imgframe .bracket-tr,.abu .titleblk .imgframe .bracket-bl,.abu .titleblk .imgframe .bracket-br{position:absolute;width:22px;height:22px;z-index:2}
.abu .titleblk .imgframe .bracket-tl{top:-6px;left:-6px;border-top:2px solid #06DEAB;border-left:2px solid #06DEAB}
.abu .titleblk .imgframe .bracket-tr{top:-6px;right:-6px;border-top:2px solid #06DEAB;border-right:2px solid #06DEAB}
.abu .titleblk .imgframe .bracket-bl{bottom:-6px;left:-6px;border-bottom:2px solid #06DEAB;border-left:2px solid #06DEAB}
.abu .titleblk .imgframe .bracket-br{bottom:-6px;right:-6px;border-bottom:2px solid #06DEAB;border-right:2px solid #06DEAB}
.abu .titleblk .imgframe .imgwrap{width:100%;height:100%;border-radius:6px;overflow:hidden}
.abu .titleblk .imgframe .imgwrap img{width:100%;height:100%;object-fit:cover;filter:saturate(1.3) hue-rotate(8deg) contrast(1.05);transition:transform .4s cubic-bezier(0.4,0,0.2,1)}
.abu .titleblk .imgframe .imgwrap img:hover{transform:scale(1.04)}
.abu .titleblk .htag{font-size:48px;line-height:1.2;color:#28263A;font-weight:800;margin:0 0 8px;letter-spacing:-1px}
.abu .titleblk .htag .acc{color:#06DEAB}
.abu .titleblk .sub{font-size:20px;line-height:1.5;color:#28263A;opacity:.7;max-width:480px;margin:0 auto}
.abu .titleblk .dotgrp{position:absolute;top:28px;right:28px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}
.abu .titleblk .dotgrp span{display:block;border-radius:38px;background:#06DEAB;opacity:.18}
.abu .titleblk .dotgrp .d1{width:14px;height:14px}
.abu .titleblk .dotgrp .d2{width:8px;height:8px;opacity:.12}
.abu .titleblk .dotgrp .d3{width:20px;height:20px;opacity:.09}
.abu .divline{max-width:1140px;margin:0 auto;border:none;border-top:1px dashed #28263a2e}
.abu .story{padding:56px 28px;background:linear-gradient(143deg,#06deab0f 0%,#fff 60%);position:relative}
.abu .story .stinner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.abu .story .stleft{display:flex;flex-direction:column;gap:28px}
.abu .story .stleft .stimg{width:100%;border-radius:6px;overflow:hidden;box-shadow:1px 8px 44px 1px #06deab1a}
.abu .story .stleft .stimg img{width:100%;height:340px;object-fit:cover;display:block;transition:transform .4s cubic-bezier(0.0,0,0.2,1)}
.abu .story .stleft .stimg img:hover{transform:scale(1.03)}
.abu .story .stleft .metrics{display:flex;flex-direction:row;gap:16px}
.abu .story .stleft .mcard{flex:1;background:#28263A;border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:1px 7px 14px 1px #28263a1c;transition:box-shadow .25s cubic-bezier(0.4,0,0.2,1),transform .2s cubic-bezier(0.4,0,0.2,1)}
.abu .story .stleft .mcard:hover{box-shadow:1px 8px 44px 1px #06deab1a;transform:translateY(-2px)}
.abu .story .stleft .mcard .mval{font-size:48px;line-height:1.2;color:#06DEAB;font-weight:800}
.abu .story .stleft .mcard .mlabel{font-size:14px;line-height:1.5;color:#ffffffb3;letter-spacing:.06em}
.abu .story .stright{display:flex;flex-direction:column;gap:28px;padding-top:8px}
.abu .story .stright .sh2{font-size:26px;line-height:1.2;color:#28263A;font-weight:700;margin:0;position:relative;padding-bottom:16px}
.abu .story .stright .sh2::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#06DEAB;animation:drawline .8s cubic-bezier(0.4,0,0.2,1) .2s forwards}
@keyframes drawline {
to{width:56px}
}
.abu .story .stright .acc{color:#06DEAB}
.abu .story .stright .ptop{font-size:15px;line-height:1.75;color:#28263A;background:#06deab12;border-radius:6px;padding:16px;margin:0}
.abu .story .stright .pbody{font-size:15px;line-height:1.75;color:#28263A;opacity:.85;margin:0}
.abu .story .stright .factslist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.abu .story .stright .factslist li{font-size:15px;line-height:1.5;color:#28263A;opacity:.85;padding-left:16px;position:relative}
.abu .story .stright .factslist li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:1px;background:#06DEAB}
.abu .story .dotcorner{position:absolute;bottom:28px;left:28px;display:flex;flex-direction:row;gap:8px;align-items:flex-end;pointer-events:none}
.abu .story .dotcorner span{display:block;border-radius:38px;background:#28263A;opacity:.09}
.abu .story .dotcorner .sd1{width:10px;height:10px}
.abu .story .dotcorner .sd2{width:18px;height:18px;opacity:.07}
.abu .story .dotcorner .sd3{width:6px;height:6px;opacity:.12}
.abu .team{padding:56px 28px;background:#28263A;position:relative}
.abu .team .tinner{max-width:1140px;margin:0 auto}
.abu .team .thead{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:28px}
.abu .team .th2{font-size:26px;line-height:1.2;color:#fff;font-weight:700;margin:0;position:relative;padding-bottom:16px}
.abu .team .th2::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#06DEAB;animation:drawline .8s cubic-bezier(0.4,0,0.2,1) .4s forwards}
.abu .team .th2 .acc{color:#06DEAB}
.abu .team .tdesc{font-size:15px;line-height:1.75;color:#fff9;max-width:380px;margin:0}
.abu .team .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.abu .team .tmember{background:#ffffff0d;border-radius:6px;overflow:hidden;box-shadow:1px 1px 4px 1px #06deab0f;transition:background .2s cubic-bezier(0.4,0,0.2,1),box-shadow .25s cubic-bezier(0.4,0,0.2,1),transform .2s cubic-bezier(0.4,0,0.2,1)}
.abu .team .tmember:hover{background:#06deab17;box-shadow:1px 7px 14px 1px #06deab1c;transform:translateY(-3px)}
.abu .team .tmember .timgwrap{width:100%;height:200px;overflow:hidden}
.abu .team .tmember .timgwrap img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:saturate(0.9);transition:transform .4s cubic-bezier(0.0,0,0.2,1),filter .2s cubic-bezier(0.4,0,0.2,1)}
.abu .team .tmember:hover .timgwrap img{transform:scale(1.05);filter:saturate(1.1)}
.abu .team .tmember .tinfo{padding:16px;display:flex;flex-direction:column;gap:4px}
.abu .team .tmember .tname{font-size:15px;line-height:1.5;color:#fff;font-weight:700;margin:0}
.abu .team .tmember .trole{font-size:14px;line-height:1.5;color:#06DEAB;letter-spacing:.05em;margin:0}
.abu .team .tmember .tbio{font-size:14px;line-height:1.75;color:#ffffff8c;margin:8px 0 0}
.abu .team .tnoimg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:200px;background:#06deab0f}
.abu .team .tinitials{width:64px;height:64px;border-radius:38px;background:#06deab2e;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#06DEAB}
.abu .team .dotcorner2{position:absolute;top:28px;right:28px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}
.abu .team .dotcorner2 span{display:block;border-radius:38px;background:#06DEAB;opacity:.14}
.abu .team .dotcorner2 .td1{width:12px;height:12px}
.abu .team .dotcorner2 .td2{width:6px;height:6px;opacity:.1}
.abu .team .dotcorner2 .td3{width:20px;height:20px;opacity:.08}
@media (max-width: 960px) {
.abu .story .stinner{grid-template-columns:1fr;gap:28px}
.abu .team .tgrid{grid-template-columns:1fr 1fr}
.abu .team .thead{flex-direction:column;align-items:flex-start}
}
@media (max-width: 480px) {
.abu .titleblk .htag{font-size:26px}
.abu .titleblk .imgframe{width:220px;height:220px}
.abu .story .stleft .metrics{flex-direction:column}
.abu .team .tgrid{grid-template-columns:1fr}
.abu .story .stright .sh2,.abu .team .th2{font-size:20px}
}
.successPage{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 28px;background:#fff}
.successPage .successWrap{max-width:560px;width:100%;text-align:center}
.successPage .successIcon{width:64px;height:64px;margin:0 auto 28px;display:block}
.successPage .successTitle{font-size:48px;line-height:1.2;color:#28263A;margin:0 0 16px}
.successPage .successTitle span{color:#06DEAB}
.successPage .successMsg{font-size:15px;line-height:1.75;color:#28263A;margin:0 0 28px;padding:16px 28px;background:#06deab12;border-radius:6px}
.successPage .successBack{display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:16px 28px;background:#06DEAB;color:#28263A;font-size:15px;line-height:1.2;font-weight:600;border-radius:6px;text-decoration:none;box-shadow:1px 7px 14px 1px #06deab1c;transition:background .2s cubic-bezier(0.4,0,0.2,1),box-shadow .25s cubic-bezier(0.0,0,0.2,1)}
.successPage .successBack:hover{background:#04c89a;box-shadow:1px 8px 44px 1px #06deab1a}
.successPage .successBack:focus{outline:2px solid #06DEAB;outline-offset:4px}
.successPage .backArrow{width:18px;height:18px;display:block;flex-shrink:0}