@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
a,a:hover,a:active,a:visited{text-decoration:none;-webkit-tap-highlight-color:transparent;}
ul{list-style:none;}
img{max-width:100%;display:block;}
html,body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:#0A5553;line-height:1.6;background:#F1FBFA;}
input,textarea,button{font-family:inherit;outline:none;border:0;}
.page{
  min-height:100vh;
  background:
    radial-gradient(1400px 800px at 100% -5%, #7ED6D4 0%, transparent 58%),
    radial-gradient(1200px 780px at -5% 25%, #B6E8E6 0%, transparent 60%),
    radial-gradient(1000px 900px at 50% 120%, #C9EEED 0%, transparent 62%),
    linear-gradient(180deg,#CDEDEC 0%, #E3F6F5 50%, #F1FBFA 100%);
  position:relative;overflow-x:hidden;
}
.grid-bg{
  position:absolute;inset:0;z-index:0;opacity:.3;pointer-events:none;
  background-image:
    linear-gradient(rgba(20,181,176,.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,181,176,.1) 1px, transparent 1px);
  background-size:44px 44px;
}
.w{max-width:1200px;margin:0 auto;padding:0 36px;position:relative;z-index:1;}

i[class^="icon-"]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;}
i[class^="icon-"]::before{content:"";display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;}
.icon-menu::before{width:22px;height:22px;background-image:url(../icons/menu.svg);}
.icon-close::before{width:20px;height:20px;background-image:url(../icons/close.svg);}
.icon-search::before{width:16px;height:16px;background-image:url(../icons/search.svg);}
.icon-up::before{width:22px;height:22px;background-image:url(../icons/arrow-up.svg);}
.icon-star::before{width:16px;height:16px;background-image:url(../icons/star.svg);}
.icon-fire::before{width:14px;height:14px;background-image:url(../icons/fire.svg);}
.icon-check::before{width:14px;height:14px;background-image:url(../icons/check.svg);}
.icon-arrow-r::before{width:14px;height:14px;background-image:url(../icons/arrow-right.svg);}

.cy-deep{background:linear-gradient(160deg,#063332 0%,#084645 50%,#0A5553 100%);color:#E0F7F6;border-radius:22px;box-shadow:0 30px 68px rgba(6,51,50,.38);}
.cy-glass{background:rgba(255,255,255,.62);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:0 20px 50px rgba(14,143,139,.16);}
.cy-card{background:rgba(255,255,255,.72);border-radius:18px;box-shadow:0 14px 36px rgba(14,143,139,.14);border:1px solid rgba(255,255,255,.85);}
.tag{display:inline-block;padding:6px 16px;border-radius:999px;background:rgba(20,181,176,.14);color:#0E8F8B;font-size:12px;font-weight:800;letter-spacing:2px;}
.sec-t{text-align:center;padding:70px 0 32px;}
.sec-t h3{font-size:30px;font-weight:800;color:#073B3A;margin-top:10px;letter-spacing:-.3px;}
.sec-t p{font-size:14px;color:#126E6B;opacity:.9;margin-top:6px;}

.menu-toggle{
  display:inline-flex;
  position:fixed;top:14px;right:22px;z-index:99999;
  width:46px;height:46px;align-items:center;justify-content:center;
  border-radius:50%;
  background:linear-gradient(135deg,#14B5B0,#0E8F8B);
  border:2px solid rgba(255,255,255,.78);
  color:#fff;
  box-shadow:0 8px 22px rgba(14,143,139,.38);
  cursor:pointer;
}
.back-top{
  position:fixed;right:22px;bottom:24px;z-index:9999;
  width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,#14B5B0,#0E8F8B);
  color:#fff;display:none;align-items:center;justify-content:center;
  box-shadow:0 10px 28px rgba(14,143,139,.45);cursor:pointer;
}
.back-top.show{display:inline-flex;}
@media (min-width:980px){
  .menu-toggle{display:none;}
}

.hd{position:sticky;top:0;z-index:100;background:rgba(205,237,236,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.6);}
.hd .w{display:flex;align-items:center;justify-content:space-between;padding:14px 36px;}
.logo{display:inline-flex;align-items:center;gap:12px;color:#073B3A;font-weight:800;font-size:17px;}
.logo .li{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.78);padding:3px;border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(14,143,139,.18);}
.logo .li img{width:100%;height:100%;object-fit:contain;border-radius:8px;}
.logo em{font-style:normal;color:#0E8F8B;}
.nav{display:flex;gap:2px;}
.nav li a{display:block;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600;color:#0A5553;transition:.2s;}
.nav li a.on,.nav li a:hover{background:rgba(255,255,255,.82);box-shadow:0 4px 14px rgba(14,143,139,.16);color:#073B3A;}
.dl-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;font-weight:700;font-size:14px;box-shadow:0 8px 22px rgba(14,143,139,.35);transition:.2s;}
.dl-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(14,143,139,.42);}

.mb-mask{position:fixed;inset:0;background:rgba(6,51,50,.55);z-index:99998;display:none;backdrop-filter:blur(4px);}
.mb-mask.show{display:block;}
.mb-nav{position:fixed;top:0;right:0;bottom:0;width:78%;max-width:320px;background:linear-gradient(180deg,#063332,#0A5553);z-index:99999;transform:translateX(110%);transition:transform .32s ease;padding:70px 24px 30px;color:#E0F7F6;box-shadow:-8px 0 30px rgba(6,51,50,.4);}
.mb-nav.show{transform:translateX(0);}
.mb-nav .close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;}
.mb-nav ul{display:flex;flex-direction:column;gap:4px;}
.mb-nav ul li a{display:block;padding:13px 16px;border-radius:14px;font-size:15px;font-weight:600;color:#CDEDEC;}
.mb-nav ul li a.on,.mb-nav ul li a:active{background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;}
.mb-nav .dl-btn{margin-top:26px;width:100%;justify-content:center;padding:14px;}

.hero{padding:60px 0 90px;}
.hero .w{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;}
.hero-left .pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8);font-size:13px;color:#0E8F8B;font-weight:700;margin-bottom:22px;}
.hero-left .pill .d{width:6px;height:6px;border-radius:50%;background:#14B5B0;}
.hero-left h1{font-size:58px;font-weight:900;color:#073B3A;letter-spacing:-1.5px;line-height:1.08;margin-bottom:14px;}
.hero-left h1 .g{background:linear-gradient(135deg,#0E8F8B,#3EC6C3 55%,#073B3A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-left .slog{font-size:16px;color:#126E6B;line-height:1.85;max-width:520px;margin-bottom:26px;}
.search-box{display:flex;gap:10px;padding:10px;border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85);box-shadow:0 16px 40px rgba(14,143,139,.18);max-width:520px;margin-bottom:30px;}
.search-box .ic{display:inline-flex;align-items:center;justify-content:center;padding-left:6px;color:#0E8F8B;}
.search-box input{flex:1;background:transparent;padding:10px 12px;font-size:14px;color:#073B3A;}
.search-box button{padding:12px 22px;border-radius:12px;background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 6px 18px rgba(14,143,139,.3);transition:.2s;display:inline-flex;align-items:center;gap:6px;}
.search-box button:hover{transform:translateY(-1px);}
.kpi-row{display:flex;gap:36px;flex-wrap:wrap;padding-top:26px;border-top:1px solid rgba(11,93,91,.14);}
.kpi b{display:block;font-size:26px;font-weight:800;color:#0E8F8B;letter-spacing:-.5px;}
.kpi span{font-size:12px;color:#126E6B;opacity:.9;}
.hero-right{position:relative;display:flex;justify-content:center;}
.f-tip{position:absolute;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);border-radius:16px;padding:11px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 36px rgba(14,143,139,.2);z-index:3;}
.f-tip .fx{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#3EC6C3,#8FDBD9);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.f-tip .tx b{font-size:13px;color:#073B3A;display:block;}
.f-tip .tx span{font-size:11px;color:#126E6B;opacity:.85;}
.f-tip.l{top:30px;left:-8px;}
.f-tip.r{bottom:110px;right:-8px;}
.phone-m{width:270px;height:548px;border-radius:44px;background:linear-gradient(160deg,#063332,#0A5553 60%,#063332);padding:16px;position:relative;box-shadow:0 36px 74px rgba(6,51,50,.48),inset 0 0 0 2px rgba(255,255,255,.08);}
.phone-m::before{content:"";position:absolute;top:14px;left:50%;transform:translateX(-50%);width:112px;height:26px;background:#063332;border-radius:0 0 18px 18px;z-index:3;}
.scn{width:100%;height:100%;border-radius:32px;overflow:hidden;background:#CDEDEC;}
.scn img{width:100%;height:100%;object-fit:cover;}

.lab-box{padding:30px;display:grid;grid-template-columns:1.08fr 1fr;gap:30px;}
.lab-l h4{font-size:15px;color:#E0F7F6;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px;padding:4px 2px;}
.lab-l h4::after{content:"SEARCH";margin-left:auto;font-size:11px;color:#3EC6C3;letter-spacing:2.5px;opacity:.85;}
.tabs-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.tabs-row span{padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;color:#8FDBD9;font-weight:600;border:1px solid rgba(62,198,195,.2);cursor:pointer;transition:.2s;}
.tabs-row span.on{background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(20,181,176,.3);}
.fm{background:rgba(255,255,255,.06);border-radius:16px;padding:18px 22px;border:1px solid rgba(62,198,195,.14);}
.fm .rw{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px dashed rgba(62,198,195,.2);}
.fm .rw:last-child{border:0;}
.fm .lb{font-size:12px;font-weight:700;color:#3EC6C3;width:60px;flex-shrink:0;letter-spacing:.5px;}
.fm .cps{display:flex;gap:7px;flex-wrap:wrap;}
.fm .cps i{font-style:normal;padding:5px 11px;border-radius:8px;background:rgba(20,181,176,.12);font-size:12px;color:#8FDBD9;cursor:pointer;transition:.2s;}
.fm .cps i.on{background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;box-shadow:0 3px 10px rgba(20,181,176,.28);}
.lab-r .rh{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 18px;}
.lab-r .rh .tt{font-size:13px;color:#3EC6C3;font-weight:700;letter-spacing:1px;}
.sel-tab{display:inline-flex;gap:0;border-radius:11px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(62,198,195,.18);}
.sel-tab span{padding:7px 13px;font-size:12px;color:#8FDBD9;font-weight:600;cursor:pointer;transition:.2s;}
.sel-tab span.on{background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;}
.rt-hd{font-size:13px;font-weight:700;color:#B6E8E6;margin-bottom:14px;padding-left:4px;display:flex;align-items:center;justify-content:space-between;}
.rt-hd .b{color:#14B5B0;}
.rt-hd .s{font-size:11px;color:#8FDBD9;opacity:.88;font-weight:600;letter-spacing:.8px;}
.rt-list{display:flex;flex-direction:column;}
.rt-row{padding:14px 6px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(62,198,195,.18);transition:.2s;cursor:pointer;color:inherit;text-decoration:none;}
.rt-row:last-child{border-bottom:0;}
.rt-row .name{font-size:15px;font-weight:700;color:#DFF7F6;letter-spacing:.3px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rt-row .cat{font-size:13px;font-weight:600;color:#8FDBD9;flex-shrink:0;letter-spacing:.3px;}
.rt-row.on .name{color:#14B5B0;}
.rt-row.on .cat{color:#3EC6C3;}
.rt-row:hover{background:rgba(255,255,255,.04);border-radius:8px;padding-left:10px;padding-right:10px;}

.bd-box{padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:24px;background:rgba(255,255,255,.88);color:#063332;overflow:hidden;}
.rc{background:transparent;border-radius:0;border:0;border-right:1px solid rgba(6,51,50,.12);overflow:hidden;}
.rc:last-child{border-right:0;}
.rc .rh{padding:20px 22px 16px;border-bottom:1px solid rgba(6,51,50,.12);display:flex;align-items:center;justify-content:space-between;}
.rc .rh h4{font-size:15px;color:#063332;font-weight:800;display:flex;align-items:center;gap:8px;}
.rc .rh h4 .dt{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px rgba(20,181,176,.2);}
.rc:nth-child(1) .rh h4 .dt{background:linear-gradient(135deg,#FF6B6B,#E53935);box-shadow:0 0 0 4px rgba(229,57,53,.18);}
.rc:nth-child(2) .rh h4 .dt{background:linear-gradient(135deg,#FFD166,#FFC857);box-shadow:0 0 0 4px rgba(255,200,87,.2);}
.rc:nth-child(3) .rh h4 .dt{background:linear-gradient(135deg,#3EC6C3,#0E8F8B);}
.rc .rh .lb{font-size:11px;padding:4px 12px;border-radius:999px;color:#fff;font-weight:700;}
.rc:nth-child(1) .rh .lb{background:linear-gradient(135deg,#FF6B6B,#E53935);}
.rc:nth-child(2) .rh .lb{background:linear-gradient(135deg,#FFD166,#E98B39);}
.rc:nth-child(3) .rh .lb{background:linear-gradient(135deg,#3EC6C3,#0E8F8B);}
.ri{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid rgba(6,51,50,.1);transition:.2s;cursor:pointer;text-decoration:none;color:inherit;}
.ri:last-child{border-bottom:0;}
.ri:hover{background:rgba(6,51,50,.03);}
.ri .no{width:26px;text-align:center;font-size:17px;font-weight:800;color:#0E8F8B;flex-shrink:0;}
.ri:nth-child(1) .no{color:#FF6B6B;}
.ri:nth-child(2) .no{color:#E98B39;}
.ri:nth-child(3) .no{color:#0E8F8B;}
.ri .cv{width:44px;height:54px;border-radius:9px;flex-shrink:0;}
.rc:nth-child(1) .ri:nth-child(1) .cv{background:linear-gradient(135deg,#FF6B6B,#0E8F8B);}
.rc:nth-child(1) .ri:nth-child(2) .cv{background:linear-gradient(135deg,#3EC6C3,#0B5D5B);}
.rc:nth-child(1) .ri:nth-child(3) .cv{background:linear-gradient(135deg,#FFD166,#0A5553);}
.rc:nth-child(1) .ri:nth-child(4) .cv{background:linear-gradient(135deg,#8FDBD9,#14B5B0);}
.rc:nth-child(1) .ri:nth-child(5) .cv{background:linear-gradient(135deg,#FFB5A7,#0E8F8B);}
.rc:nth-child(2) .ri:nth-child(1) .cv{background:linear-gradient(135deg,#FFD166,#FF6B6B);}
.rc:nth-child(2) .ri:nth-child(2) .cv{background:linear-gradient(135deg,#B6E8E6,#14B5B0);}
.rc:nth-child(2) .ri:nth-child(3) .cv{background:linear-gradient(135deg,#FF6B6B,#3EC6C3);}
.rc:nth-child(2) .ri:nth-child(4) .cv{background:linear-gradient(135deg,#FFB5A7,#FFD166);}
.rc:nth-child(2) .ri:nth-child(5) .cv{background:linear-gradient(135deg,#7ED6D4,#0B5D5B);}
.rc:nth-child(3) .ri:nth-child(1) .cv{background:linear-gradient(135deg,#3EC6C3,#063332);}
.rc:nth-child(3) .ri:nth-child(2) .cv{background:linear-gradient(135deg,#8FDBD9,#0A5553);}
.rc:nth-child(3) .ri:nth-child(3) .cv{background:linear-gradient(135deg,#14B5B0,#0E8F8B);}
.rc:nth-child(3) .ri:nth-child(4) .cv{background:linear-gradient(135deg,#B6E8E6,#0B5D5B);}
.rc:nth-child(3) .ri:nth-child(5) .cv{background:linear-gradient(135deg,#5FC9C7,#063332);}
.ri .tx b{display:block;font-size:13px;color:#063332;font-weight:700;line-height:1.3;}
.ri .tx span{font-size:11px;color:#0A5553;font-weight:600;opacity:.82;}
.ri .ch{margin-left:auto;font-size:11px;color:#14B5B0;font-weight:800;}
.ri .ch.d{color:#FF6B6B;}

.cal-wrap{padding:0;border-radius:24px;background:rgba(255,255,255,.88);color:#063332;position:relative;overflow:hidden;}
.cal-h{display:flex;align-items:center;justify-content:space-between;padding:26px 34px 22px;position:relative;z-index:1;}
.cal-h h3{font-size:20px;font-weight:800;color:#063332;display:flex;align-items:center;gap:10px;}
.cal-h h3::before{content:"📅";font-size:22px;}
.cal-tb{display:inline-flex;background:rgba(6,51,50,.06);border-radius:12px;overflow:hidden;padding:4px;}
.cal-tb span{padding:8px 16px;font-size:12px;color:#0A5553;font-weight:700;cursor:pointer;transition:.2s;}
.cal-tb span.on{background:linear-gradient(135deg,#063332,#0E8F8B);color:#fff;border-radius:8px;}
.week{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid rgba(6,51,50,.12);position:relative;z-index:1;}
.day{padding:22px 18px;background:transparent;border-radius:0;box-shadow:none;border-right:1px solid rgba(6,51,50,.1);display:flex;flex-direction:column;gap:10px;min-height:190px;transition:.2s;cursor:pointer;text-decoration:none;color:inherit;}
.day:last-child{border-right:0;}
.day:hover{background:rgba(6,51,50,.03);}
.day .nm{font-size:12px;font-weight:800;color:#0A5553;letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center;}
.day .nm .ht{font-size:10px;padding:3px 8px;border-radius:999px;background:#E53935;color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:2px;}
.day .tt{font-size:15px;font-weight:800;color:#063332;line-height:1.4;margin-top:2px;}
.day .sb{font-size:12px;color:#0A5553;opacity:.8;}
.day .rg{font-size:11px;color:#0A5553;opacity:.65;margin-top:auto;padding-top:6px;}
.day .btn{margin-top:4px;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:700;text-align:center;cursor:pointer;display:inline-block;}
.day .btn.ok{background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;}
.day .btn.wait{background:rgba(6,51,50,.06);color:#063332;border:1px solid rgba(6,51,50,.14);}
.day.td{background:linear-gradient(135deg,#063332,#0E8F8B);color:#fff;box-shadow:inset 0 0 0 0 transparent;transform:none;}
.day.td:hover{transform:none;background:linear-gradient(135deg,#085150,#14B5B0);}
.day.td .nm{color:#3EC6C3;}
.day.td .tt{color:#fff;}
.day.td .sb{color:#8FDBD9;opacity:.95;}
.day.td .rg{color:#B6E8E6;opacity:.9;}
.day.td .btn.wait{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18);}

.cr{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.pn{padding:28px 30px;}
.pn h4{font-size:17px;font-weight:800;color:#073B3A;margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.pn h4::before{content:"■";color:#14B5B0;font-size:13px;}
.ct{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.ct span{padding:12px 6px;text-align:center;border-radius:12px;background:rgba(255,255,255,.85);font-size:12px;color:#0A5553;font-weight:700;box-shadow:0 4px 14px rgba(14,143,139,.10);position:relative;cursor:pointer;transition:.2s;}
.ct span:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(14,143,139,.18);}
.ct span.on{background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;box-shadow:0 8px 20px rgba(14,143,139,.32);}
.ct span.ht::after{content:"🔥";position:absolute;top:-6px;right:-2px;font-size:11px;}
.rd{position:relative;height:300px;background:
  radial-gradient(circle at 50% 50%, transparent 19.5%, rgba(14,143,139,.26) 20%, rgba(14,143,139,.26) 20.5%, transparent 21%),
  radial-gradient(circle at 50% 50%, transparent 39.5%, rgba(14,143,139,.22) 40%, rgba(14,143,139,.22) 40.5%, transparent 41%),
  radial-gradient(circle at 50% 50%, transparent 59.5%, rgba(14,143,139,.18) 60%, rgba(14,143,139,.18) 60.5%, transparent 61%),
  linear-gradient(rgba(14,143,139,.3), rgba(14,143,139,.3)) center/1px 100% no-repeat,
  linear-gradient(90deg, rgba(14,143,139,.3), rgba(14,143,139,.3)) center/100% 1px no-repeat;
  border-radius:20px;background-color:rgba(255,255,255,.6);
}
.rd::before{
  content:"";position:absolute;left:50%;top:50%;width:72%;height:72%;transform:translate(-50%,-50%);
  background:
    linear-gradient(30deg, transparent 49.5%, rgba(14,143,139,.3) 50%, rgba(14,143,139,.3) 50.5%, transparent 51%),
    linear-gradient(-30deg, transparent 49.5%, rgba(14,143,139,.3) 50%, rgba(14,143,139,.3) 50.5%, transparent 51%);
}
.rd-fill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62%;height:62%;background:linear-gradient(135deg,rgba(20,181,176,.58),rgba(14,143,139,.48));clip-path:polygon(50% 4%, 96% 40%, 78% 96%, 22% 96%, 4% 40%);box-shadow:0 14px 36px rgba(14,143,139,.26);}
.rd-lb{position:absolute;font-size:12px;font-weight:800;color:#073B3A;}
.rd-lb.t1{top:-6px;left:50%;transform:translateX(-50%);}
.rd-lb.t2{right:-6px;top:32%;}
.rd-lb.t3{right:4px;bottom:22px;}
.rd-lb.t4{left:4px;bottom:22px;}
.rd-lb.t5{left:-6px;top:32%;}
.rd-op{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.rd-op .o{background:rgba(255,255,255,.85);border-radius:12px;padding:10px 14px;font-size:12px;color:#0A5553;display:flex;align-items:center;justify-content:space-between;font-weight:700;}
.rd-op .o .v{color:#0E8F8B;font-weight:800;}
.rd-op .bf{grid-column:1 / -1;padding:12px;border-radius:14px;background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;font-weight:800;text-align:center;box-shadow:0 8px 22px rgba(14,143,139,.35);font-size:13px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.rd-op .bf:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(14,143,139,.42);}

.gl{display:flex;gap:20px;justify-content:center;align-items:flex-end;padding:22px 0 10px;}
.gl .ph{width:180px;height:360px;border-radius:34px;padding:12px;flex-shrink:0;background:linear-gradient(160deg,#063332,#0A5553 60%,#063332);position:relative;box-shadow:0 26px 54px rgba(6,51,50,.44),inset 0 0 0 2px rgba(255,255,255,.06);transition:.3s;}
.gl .ph::before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:78px;height:20px;background:#063332;border-radius:0 0 15px 15px;z-index:3;}
.gl .ph .sc{position:relative;width:100%;height:100%;border-radius:26px;overflow:hidden;background:#CDEDEC;}
.gl .ph:nth-child(1){transform:perspective(900px) rotateY(12deg) translateY(14px);z-index:1;}
.gl .ph:nth-child(2){transform:perspective(900px) rotateY(6deg) translateY(6px);z-index:2;}
.gl .ph:nth-child(3){transform:translateY(-8px) scale(1.08);z-index:3;box-shadow:0 42px 80px rgba(6,51,50,.52),inset 0 0 0 2px rgba(255,255,255,.06);}
.gl .ph:nth-child(4){transform:perspective(900px) rotateY(-6deg) translateY(6px);z-index:2;}
.gl .ph:nth-child(5){transform:perspective(900px) rotateY(-12deg) translateY(14px);z-index:1;}
.gl .ph:hover{transform:translateY(-14px) scale(1.04);z-index:10;}
.gl .ph .sc img{width:100%;height:100%;object-fit:cover;}

.uf{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;}
.nps-box{display:flex;align-items:stretch;gap:20px;margin-bottom:20px;}
.nps-l{padding:22px 24px;width:176px;border-radius:20px;background:linear-gradient(135deg,#063332,#0E8F8B 90%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 40px rgba(14,143,139,.38);}
.nps-l small{font-size:11px;opacity:.88;letter-spacing:1.2px;}
.nps-l b{font-size:46px;font-weight:900;letter-spacing:-2.5px;line-height:1;}
.nps-l span{font-size:12px;opacity:.88;}
.nps-r{padding:22px;flex:1;border-radius:20px;background:rgba(255,255,255,.8);box-shadow:0 14px 32px rgba(14,143,139,.15);display:flex;flex-direction:column;justify-content:center;gap:8px;}
.nps-r h4{font-size:15px;color:#073B3A;font-weight:800;}
.ss{display:inline-flex;gap:4px;color:#14B5B0;}
.ss i{color:#14B5B0;}
.nps-r p{font-size:13px;color:#126E6B;line-height:1.8;}
.rcs{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.rv{padding:18px;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 14px 32px rgba(14,143,139,.14);transition:.25s;}
.rv:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(14,143,139,.2);}
.rv .wh{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.rv .av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;}
.rv:nth-child(1) .av{background:linear-gradient(135deg,#3EC6C3,#0E8F8B);}
.rv:nth-child(2) .av{background:linear-gradient(135deg,#FFD166,#E98B39);}
.rv:nth-child(3) .av{background:linear-gradient(135deg,#FFB5A7,#0E8F8B);}
.rv:nth-child(4) .av{background:linear-gradient(135deg,#0E8F8B,#063332);}
.rv .nm{font-size:13px;font-weight:800;color:#073B3A;}
.rv .nm small{display:block;font-size:10px;color:#0E8F8B;font-weight:500;margin-top:1px;}
.rv p{font-size:12px;color:#126E6B;line-height:1.85;}
.fb{padding:28px 30px;}
.fb h4{font-size:17px;font-weight:800;color:#073B3A;margin-bottom:6px;}
.fb>p{font-size:13px;color:#126E6B;margin-bottom:16px;opacity:.92;line-height:1.7;}
.fd{margin-bottom:12px;}
.fd label{display:block;font-size:12px;font-weight:700;color:#073B3A;margin-bottom:6px;}
.fd input,.fd textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(14,143,139,.22);background:rgba(255,255,255,.75);font-family:inherit;font-size:13px;color:#073B3A;transition:.2s;}
.fd input:focus,.fd textarea:focus{border-color:#14B5B0;box-shadow:0 0 0 3px rgba(20,181,176,.2);}
.fd textarea{min-height:108px;resize:none;}
.sm{width:100%;padding:13px;border-radius:15px;background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;font-weight:800;font-size:14px;box-shadow:0 10px 26px rgba(14,143,139,.36);margin-top:4px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
.sm:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(14,143,139,.42);}

.fq{display:grid;grid-template-columns:270px 1fr;gap:34px;align-items:flex-start;}
.fq-240{padding:30px 26px;border-radius:22px;background:linear-gradient(160deg,#063332,#0E8F8B);color:#fff;text-align:center;box-shadow:0 22px 48px rgba(6,51,50,.4);}
.fq-240 small{font-size:11px;opacity:.85;letter-spacing:2px;}
.fq-240 b{display:block;font-size:82px;font-weight:900;line-height:1;margin:14px 0;letter-spacing:-4px;}
.fq-240 span{font-size:12px;opacity:.9;line-height:1.6;display:block;}
.fq-240 .ak{margin-top:22px;padding:12px;border-radius:13px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.2s;}
.fq-240 .ak:hover{background:rgba(255,255,255,.22);}
.fl{display:flex;flex-direction:column;gap:13px;}
.fi{padding:19px 24px;border-radius:19px;background:rgba(255,255,255,.78);box-shadow:0 14px 34px rgba(14,143,139,.14);transition:.25s;}
.fi:hover{transform:translateY(-2px);}
.fi .qs{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;cursor:pointer;}
.fi .qs b{font-size:14px;color:#073B3A;font-weight:800;display:flex;align-items:center;gap:10px;line-height:1.5;}
.fi .qs b .qn{width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:800;}
.fi .qs .mk{width:22px;height:22px;border-radius:50%;background:rgba(14,143,139,.12);color:#0E8F8B;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s;}
.fi.open .qs .mk{background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;transform:rotate(180deg);}
.fi .as{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.fi.open .as{max-height:260px;}
.fi p{padding-top:0;border-top:0;font-size:13px;color:#126E6B;line-height:1.9;}
.fi.open p{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(14,143,139,.18);}

.dl{padding:60px 0 100px;}
.dl-bn{padding:54px 56px;border-radius:30px;background:linear-gradient(135deg,#063332 0%,#0A5553 50%,#0E8F8B 100%);color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:42px;align-items:center;box-shadow:0 36px 82px rgba(6,51,50,.42);position:relative;overflow:hidden;}
.dl-bn::after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(62,198,195,.45),transparent 70%);top:-220px;right:-200px;}
.dl-bn h2{font-size:35px;font-weight:900;line-height:1.3;position:relative;z-index:1;letter-spacing:-.4px;}
.dl-bn h2 em{font-style:normal;background:linear-gradient(135deg,#CDEDEC,#5FC9C7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.dl-bn p{margin-top:14px;font-size:14px;opacity:.92;max-width:520px;line-height:1.9;position:relative;z-index:1;}
.qr-row{display:flex;gap:20px;justify-content:flex-end;position:relative;z-index:1;}
.qc{padding:22px;border-radius:22px;background:rgba(255,255,255,.96);color:#063332;text-align:center;min-width:200px;box-shadow:0 22px 54px rgba(6,51,50,.4);transition:.25s;}
.qc:hover{transform:translateY(-4px);box-shadow:0 30px 64px rgba(6,51,50,.5);}
.qr{width:108px;height:108px;margin:0 auto 12px;border-radius:15px;background:
  linear-gradient(#fff,#fff),
  repeating-conic-gradient(#063332 0 25%, transparent 0 50%) 0 0/15px 15px;
  background-blend-mode:multiply;
  position:relative;overflow:hidden;
  border:6px solid #fff;
  box-shadow:0 0 0 1px rgba(14,143,139,.18),0 8px 18px rgba(14,143,139,.18);
}
.qr::before{content:"";position:absolute;left:6px;top:6px;width:23px;height:23px;background:linear-gradient(#063332,#063332) center/13px 13px no-repeat,#fff;border:3px solid #063332;}
.qr::after{content:"";position:absolute;right:6px;bottom:6px;width:23px;height:23px;background:linear-gradient(#063332,#063332) center/13px 13px no-repeat,#fff;border:3px solid #063332;}
.qc .lb{font-size:11px;opacity:.68;font-weight:700;letter-spacing:.5px;}
.qc .pt{font-size:15px;font-weight:800;color:#063332;margin-top:3px;display:flex;align-items:center;justify-content:center;gap:6px;}
.qc .pt .in{width:20px;height:20px;border-radius:6px;display:inline-flex;padding:3px;align-items:center;justify-content:center;}
.qc:nth-child(1) .pt .in{background:#0E8F8B;}
.qc:nth-child(2) .pt .in{background:#1A1A1A;}
.qc .pt .in img{width:100%;height:100%;object-fit:contain;}
.qc .sg{margin-top:8px;font-size:11px;color:#0E8F8B;font-weight:800;}
.dl-a{display:block;margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(20,181,176,.1);color:#0E8F8B;font-size:12px;font-weight:700;transition:.2s;}
.dl-a:hover{background:linear-gradient(135deg,#14B5B0,#0E8F8B);color:#fff;}

.ft{padding:38px 0 48px;border-top:1px solid rgba(11,93,91,.14);}
.ft .w{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;}
.ft .lf{display:inline-flex;align-items:center;gap:11px;color:#073B3A;font-weight:800;font-size:15px;}
.ft .lf .il{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9);padding:3px;}
.ft .lf .il img{width:100%;height:100%;object-fit:contain;border-radius:6px;}
.ft .lf em{font-style:normal;color:#0E8F8B;}
.ft .lk{display:flex;gap:20px;flex-wrap:wrap;}
.ft .lk a{font-size:13px;color:#126E6B;font-weight:600;transition:.2s;}
.ft .lk a:hover{color:#0E8F8B;}
.ft .cp{font-size:12px;color:#126E6B;opacity:.82;width:100%;text-align:center;padding-top:18px;margin-top:6px;border-top:1px dashed rgba(14,143,139,.16);}

.btn-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px;}
.big-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;border-radius:18px;min-width:210px;box-shadow:0 14px 32px rgba(14,143,139,.22);transition:.2s;}
.big-btn:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(14,143,139,.32);}
.big-btn.da{background:linear-gradient(135deg,#063332,#0A5553);color:#DFF7F6;}
.big-btn.di{background:rgba(255,255,255,.75);color:#063332;border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.big-btn .ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:5px;flex-shrink:0;}
.big-btn.da .ic{background:linear-gradient(135deg,#3EC6C3,#8FDBD9);}
.big-btn.di .ic{background:linear-gradient(135deg,#4A4A4A,#1A1A1A);}
.big-btn .ic img{width:100%;height:100%;object-fit:contain;}
.big-btn small{font-size:11px;opacity:.75;display:block;line-height:1.2;}
.big-btn b{font-size:15px;font-weight:700;display:block;line-height:1.4;}

@media (max-width: 980px){
  .w{padding:0 20px;}
  .nav{display:none;}
  .hd .w{padding:12px 20px;}
  .hd .dl-btn{display:none;}
}
@media (max-width: 900px){
  .hero{padding:40px 0 70px;}
  .hero .w,.lab-box,.bd-box,.cr,.uf,.fq,.dl-bn{grid-template-columns:1fr !important;}
  .hero-left h1{font-size:40px;}
  .hero-right{margin-top:40px;}
  .week{grid-template-columns:repeat(2,1fr) !important;}
  .ct{grid-template-columns:repeat(3,1fr) !important;}
  .rcs{grid-template-columns:1fr !important;}
  .gl{flex-wrap:wrap;gap:14px;}
  .gl .ph{width:150px;height:300px;}
  .gl .ph:nth-child(1),.gl .ph:nth-child(2),.gl .ph:nth-child(3),.gl .ph:nth-child(4),.gl .ph:nth-child(5){transform:none;}
  .qr-row{justify-content:flex-start;flex-wrap:wrap;}
  .dl-bn{padding:36px 28px;}
  .dl-bn h2{font-size:26px;}
  .cal-wrap{padding:24px 18px;}
  .nps-box{flex-direction:column;}
  .nps-l{width:100%;}
  .bd-box,.lab-box{padding:20px;}
  .pn{padding:22px 20px;}
  .fb{padding:24px 20px;}
  .btn-row{gap:12px;}
  .big-btn{min-width:100%;justify-content:center;}
  .sec-t{padding:50px 0 24px;}
  .sec-t h3{font-size:24px;}
}
@media (max-width: 520px){
  .w{padding:0 16px;}
  .hd .w{padding:10px 16px;}
  .hero-left h1{font-size:32px;}
  .week{grid-template-columns:1fr 1fr !important;}
  .ct{grid-template-columns:repeat(2,1fr) !important;}
  .gl .ph{width:46%;height:280px;}
  .qr-row{flex-direction:column;}
  .qc{min-width:100%;}
  .menu-toggle{top:10px;right:14px;width:44px;height:44px;}
  .back-top{right:14px;bottom:16px;width:44px;height:44px;}
  .kpi-row{gap:20px;}
  .kpi b{font-size:22px;}
  .cal-h{flex-direction:column;align-items:flex-start;gap:14px;}
  .gd{grid-template-columns:1fr;}
}
