body{margin:0;background:#ffffff}
a{color:#b4532a}a:hover{color:#8a3410}
.pbtn{cursor:pointer;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
.pbtn:hover{transform:translateY(-1px)}
.pbtn-s:hover{border-color:#0e0e12!important;background:#ffffff}
.pbtn-p:hover{background:#ff9f73!important;box-shadow:0 8px 16px -8px rgba(180,83,42,.6)}
.stps{position:relative;display:flex;flex-direction:column;gap:14px;margin-top:28px}
.stps::before{content:"";position:absolute;left:41px;top:34px;bottom:34px;width:2px;background:linear-gradient(#ffb795,#efe6df)}
.stp{position:relative;display:flex;align-items:center;gap:16px;background:#ffffff;border:1px solid #efe6df;border-radius:18px;padding:16px 18px;transition:transform .2s;animation:stpOn 6s infinite;animation-delay:var(--d)}
.stp:hover{transform:translateY(-2px)}
.stp-n{width:48px;height:48px;flex:none;border-radius:50%;background:#fff3ec;color:#b4532a;font-family:Poppins,Inter,sans-serif;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;animation:stpN 6s infinite;animation-delay:var(--d)}
.stp-c{flex:1;min-width:0}
.stp-t{font-weight:600;font-size:17px}
.stp-s{color:#4a4c59;font-size:15px;margin-top:3px}
.stp-i{width:40px;height:40px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center}
@keyframes stpOn{0%,30%{border-color:#ffb795;box-shadow:0 18px 36px -24px rgba(180,83,42,.55)}36%,100%{border-color:#efe6df;box-shadow:none}}
@keyframes stpN{0%,30%{background:#0e0e12;color:#ffffff}36%,100%{background:#fff3ec;color:#b4532a}}
.tw{display:inline-block;white-space:nowrap;vertical-align:bottom}
.tw>span{display:inline-block;overflow:hidden;vertical-align:bottom;width:0;padding-bottom:.12em;margin-bottom:-.12em;border-right:.06em solid transparent;animation:twType 12.5s infinite;animation-delay:var(--d)}
@keyframes twType{0%{width:0;border-color:#ffb795;animation-timing-function:steps(9,end)}8%{width:var(--w);border-color:#ffb795}15%{width:var(--w);border-color:#ffb795;animation-timing-function:steps(6,end)}19%{width:0;border-color:#ffb795}19.01%,100%{width:0;border-color:transparent}}
@media (prefers-reduced-motion: reduce){.tw>span:first-child{width:var(--w)!important}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes oumnioSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
img{max-width:100%}
.ck{display:flex;align-items:center;gap:10px}
.ck::before{content:"";width:22px;height:22px;border-radius:50%;flex:none;background:var(--ckbg) var(--ckimg) center/13px no-repeat}
.c1{--ckbg:#e8f1ff;--ckimg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f5fa8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.c2{--ckbg:#fff1e9;--ckimg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4532a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.c3{--ckbg:#e3f5ea;--ckimg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317643d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.c4{--ckbg:#f1edff;--ckimg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b3df5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.bp{border:none;cursor:pointer;font:inherit;min-height:44px;padding:10px 20px;border-radius:999px;background:transparent;color:#0e0e12;display:flex;align-items:center;gap:8px}
.bp.on{background:#0e0e12;color:#ffffff}
summary::-webkit-details-marker{display:none}
#cs::-webkit-scrollbar{display:none}
.faq-icon::before{content:"+"}
details[open] .faq-icon::before{content:"\2212"}
@media (prefers-reduced-motion: reduce){*{animation:none!important}html{scroll-behavior:auto}}
.mmock{display:none}
.mm-ph{width:300px;margin:0 auto;background:#ffffff;border:1px solid #f0e2d8;border-bottom:none;border-radius:40px 40px 0 0;padding:10px 10px 0;box-shadow:0 -10px 50px -20px rgba(120,60,20,.3)}
.mm-scr{height:420px;overflow:hidden;background:#fbfaf8;border-radius:31px 31px 0 0;padding:16px 14px 0;font-size:12px;color:#0e0e12;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.mm-top{display:flex;align-items:center;gap:8px}
.mm-q{flex:1;background:#f0eff3;border-radius:999px;padding:7px 12px;color:#8a8c99;font-size:11px}
.mm-av{width:26px;height:26px;border-radius:50%;background:#ece9f8;color:#3a1eb4;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}
.mm-h{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.mm-h b{display:block;font-size:21px;letter-spacing:-.4px}
.mm-h small{display:block;color:#6b6d7a;font-size:11px;margin-top:1px}
.mm-add{width:34px;height:34px;border-radius:50%;background:#ffb795;color:#3b1d0c;font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center}
.mm-tabs{display:flex;gap:2px;background:#f0eff3;border-radius:10px;padding:3px;margin-top:12px}
.mm-tabs span{flex:1;text-align:center;padding:6px 0;border-radius:8px;color:#4a4c59;font-size:11px}
.mm-tabs .on{background:#ffffff;color:#0e0e12;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.mm-g{margin:14px 2px 7px;font-weight:600;font-size:13px}
.mm-g.o{color:#b45309}
.mm-g i{font-style:normal;color:#8a8c99;font-weight:400;font-size:11px;margin-left:3px}
.mm-c{background:#ffffff;border:1px solid #ececf1;border-radius:14px;padding:11px 12px;margin-bottom:8px}
.mm-c.hot{border-color:#ffb795;border-left:4px solid #ffb795;background:#fff6f0;box-shadow:0 14px 26px -18px rgba(180,83,42,.6)}
.mm-t{font-weight:600;font-size:13px}
.mm-s{color:#6b6d7a;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-r{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:11px}
.mm-p{padding:3px 7px;border-radius:6px;font-weight:600}
.mm-p.o{background:#fff1e0;color:#b45309}
.mm-p.g{background:#f1f1f4;color:#4a4c59}
.mm-d{font-weight:600;color:#4a4c59}
.mm-d.late{color:#c42b2b}
.mm-b{flex:1;height:4px;background:#ececf2;border-radius:3px;overflow:hidden}
.mm-b i{display:block;height:4px;background:#3a1eb4}
.mm-tm{color:#6b6d7a;white-space:nowrap}
.mmock{position:relative}
.mm-timer{position:absolute;left:0;bottom:10px;background:#ffffff;border-radius:14px;padding:10px 14px 10px 10px;display:flex;align-items:center;gap:10px;box-shadow:0 20px 40px -16px rgba(14,14,18,.4)}
.mm-play{width:32px;height:32px;border-radius:50%;background:#0e0e12;display:flex;align-items:center;justify-content:center}
.mm-timer small{display:block;font-size:11px;color:#6b6d7a}
.mm-timer b{font-size:15px;font-variant-numeric:tabular-nums}
.dmock{position:relative;padding:8px 0}
.dmock ~ div{display:none!important}
.dm-f{position:absolute;background:#ffffff;border:1px solid #f0e2d8;border-radius:14px;padding:10px 14px 10px 10px;display:flex;align-items:center;gap:10px;box-shadow:0 22px 44px -18px rgba(120,60,20,.45);font-size:13px;color:#0e0e12}
.dm-f small{display:block;font-size:11px;color:#6b6d7a}
.dm-f b{font-size:14px;font-variant-numeric:tabular-nums}
.dm-fi{width:32px;height:32px;border-radius:10px;background:#fff1e9;display:flex;align-items:center;justify-content:center}
.dmock .dm-ph{margin:0 40px 0 auto}
.dm-f1{left:0;top:150px}
.dm-f2{left:36px;bottom:150px}
@media (max-width: 1100px){.dmock .dm-ph{margin-right:0}.dm-f2{left:12px}}
@media (max-width: 960px){.dmock .dm-ph{margin:0 auto}.dm-f1{left:max(0px,calc(50% - 410px))}.dm-f2{left:auto;right:max(0px,calc(50% - 410px))}}
.dm-ph{width:300px;margin:0 auto;background:#ffffff;border:1px solid #f0e2d8;border-radius:42px;padding:10px;box-shadow:0 30px 60px -30px rgba(120,60,20,.45)}
.dm-scr{background:#fbfaf8;border-radius:33px;padding:16px 14px 18px;font-size:12px;color:#0e0e12}
.dm-app{flex:1;font-weight:600;font-size:13px}
.dm-hi{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:19px;letter-spacing:-.3px;margin-top:16px}
.dm-date{color:#6b6d7a;font-size:11px;margin-top:2px}
.dm-st{display:flex;gap:6px;margin-top:12px}
.dm-st div{flex:1;background:#ffffff;border:1px solid #ececf1;border-radius:12px;padding:8px 8px 7px}
.dm-st b{display:block;font-size:17px}
.dm-st span{display:block;font-size:10px;color:#6b6d7a;margin-top:1px}
.dm-st .red{background:#fff1ee;border-color:#ffd6cc}
.dm-st .red b{color:#c42b2b}
.dm-add{display:flex;align-items:center;gap:8px;background:#ffffff;border:1px solid #ffb795;border-radius:14px;padding:8px 8px 8px 12px;margin-top:10px;box-shadow:0 10px 20px -14px rgba(180,83,42,.5)}
.dm-add span{flex:1;line-height:1.9;font-size:12px}
.dm-add i{font-style:normal;padding:2px 5px;border-radius:5px;font-size:11px}
.dm-add .b{background:#e8f1ff;color:#0f4c85}.dm-add .p{background:#f3f0ff;color:#3a1eb4}.dm-add .o{background:#fff1e9;color:#8a3410}
.dm-add b{width:30px;height:30px;flex:none;border-radius:50%;background:#ffb795;color:#3b1d0c;font-size:18px;display:flex;align-items:center;justify-content:center}
.dm-h{margin:16px 2px 7px;font-weight:600;font-size:13px}
.dm-h i{font-style:normal;color:#8a8c99;font-weight:400;font-size:11px;margin-left:3px}
.dm-list{background:#ffffff;border:1px solid #ececf1;border-radius:14px}
.dm-task{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #f2f2f5}
.dm-task:last-child{border-bottom:none}
.dm-task > div{flex:1;min-width:0}
.dm-ck{width:18px;height:18px;flex:none;border-radius:50%;border:1.5px solid #c9c9d3}
.dm-tn{font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-tc{color:#6b6d7a;font-size:10.5px;margin-top:1px}
.dm-late{background:#fff1ee;color:#c42b2b;font-weight:600;font-size:10px;padding:3px 7px;border-radius:6px}
.dm-play{width:26px;height:26px;flex:none;border-radius:50%;background:#0e0e12;display:flex;align-items:center;justify-content:center}
.dm-task.done .dm-ck{background:#1d9f5f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;border-color:#1d9f5f}
.dm-task.done .dm-tn{color:#8a8c99;text-decoration:line-through}
.dm-wait{display:flex;align-items:center;gap:9px;background:#ffffff;border:1px solid #ececf1;border-radius:14px;padding:9px 12px}
.dm-wait span:nth-child(2){flex:1;font-size:12px}
.dm-av{width:26px;height:26px;border-radius:50%;background:#fff1e9;color:#8a3410;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center}
.dm-wait i{font-style:normal;background:#f3f0ff;color:#3a1eb4;font-size:10px;font-weight:600;padding:3px 7px;border-radius:6px}
@media (max-width: 760px){
  h1{font-size:34px!important;letter-spacing:-0.8px!important}
  h2{font-size:30px!important;letter-spacing:-0.5px!important}
  h3{font-size:25px!important}
  header nav{padding:12px 16px!important;gap:8px!important;flex-wrap:nowrap!important}
  header nav img{height:26px!important}
  header nav > div:last-child{gap:6px!important}
  header nav div[role="group"]{font-size:12px!important}
  header nav div[role="group"] > *{min-width:34px!important;padding:6px 8px!important}
  header nav > div:nth-child(2){display:none!important}
  header nav a[href*="/login"]{display:none!important}
  header nav a[href*="signup"]{padding:9px 14px!important;font-size:13px!important;white-space:nowrap}
  h1,h2,h3{line-height:1.15!important}
  section[style*="padding: 72px 24px 0"] > div:first-child{font-size:12px!important;padding:6px 12px 6px 8px!important}
  section[style*="padding: 72px 24px 0"] > div:first-child svg{width:15px;height:15px}
  section > div[style*="max-width: 1200px"],section[style*="max-width: 1200px"]{padding-left:20px!important;padding-right:20px!important}
  section > div[style*="padding: 104px"],section > div[style*="padding: 112px"],section > div[style*="padding: 96px"]{padding-top:64px!important;padding-bottom:64px!important}
  section > div[style*="padding: 56px 24px 112px"]{padding-bottom:64px!important}
  section[style*="padding: 72px 24px 0"]{padding-top:48px!important}
  section[style*="padding: 72px 24px 0"] p{font-size:17px!important}
  section[style*="padding: 72px 24px 0"] > div[style*="justify-content: center"]{flex-direction:column}
  section[style*="padding: 72px 24px 0"] > div[style*="justify-content: center"] a{text-align:center}
  #product1{margin-top:40px!important}
  .mmock{display:block}
  .dm-f{display:none}
  .dmock .dm-ph{margin:0 auto}
  .dmock{padding:0}
  div[style^="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px"]{display:none!important}
  #product1 > div:nth-child(2){display:none!important}
  .orow,.frow{flex-wrap:wrap!important;row-gap:10px!important}
  .orow > div:first-child,.frow > div:first-child{flex:1 1 100%!important}
  .orow > div:nth-child(2){flex:1 1 auto!important;width:auto!important}
  .orow > span:last-child{width:auto!important}
  .orow:not(.hl),.frow:not(.hl){padding:14px 16px!important}
  .orow.hl{margin:0 -6px!important;padding:18px 18px 18px 17px!important}
  .frow.hl{margin:-4px -6px 0!important;padding:18px 18px 18px 17px!important}
  .frow > span:nth-child(2){margin-right:auto;font-size:15px!important}
  .frow > div:first-child > div:last-child{font-size:13px!important}
  .fsum{align-self:stretch!important;display:flex;justify-content:space-between;align-items:center}
  #product1 > div[style*="position: absolute"]{display:none!important}
  section[style*="border-bottom: 1px solid #f1ebe5"] > div{flex-wrap:wrap!important;gap:12px!important;padding-top:24px!important;padding-bottom:24px!important}
  section[style*="border-bottom: 1px solid #f1ebe5"] > div > span{flex-basis:100%!important;font-size:14px}
  section[style*="border-bottom: 1px solid #f1ebe5"] > div > div{flex-basis:100%!important}
  div[style*="gap: 64px"]{gap:36px!important}
  div[style*="margin-top: 80px"]{margin-top:48px!important}
  div[style*="margin: 0 -12px"],div[style*="margin: -6px -12px 0"]{margin-left:-6px!important;margin-right:-6px!important;padding-left:18px!important;padding-right:16px!important}
  span.pbtn-p[style*="font-size: 12px"]{padding:6px 10px!important}
  div[style*="gap: 12px; padding: 14px 18px"],div[style*="margin: -6px -12px 0"]{gap:10px!important}
  div[style*="gap: 12px; padding: 14px 18px"] > span[style*="font-size: 14px"],div[style*="margin: -6px -12px 0"] > span[style*="font-size: 14px"]{white-space:nowrap;font-size:13px!important}
  div[style*="gap: 12px; padding: 14px 18px"]{padding-left:14px!important;padding-right:12px!important}
  .bp{padding:9px 14px!important;font-size:14px}
  .bp span{white-space:nowrap;font-size:11px!important}
  #cs p,div[style*="translateX"] > article p{font-size:16px!important}
  div[style*="margin: -16px 0"]{margin:0!important}
  #cs article,div[style*="translateX"] > article{width:300px!important}
  details summary{font-size:16px}
  footer > div > div:first-child{gap:32px!important}
  div[style*="padding: 10px 10px 10px 14px"]{flex-wrap:wrap!important}
  div[style*="padding: 10px 10px 10px 14px"] > span:first-child{flex-basis:100%!important;line-height:1.9}
  div[style*="padding: 10px 10px 10px 14px"] > span:last-child{margin-left:auto}
  .stp{padding:14px!important;gap:12px!important}
  .stps::before{left:37px!important}
}
@media (max-width: 380px){
  h1{font-size:30px!important}
  h2{font-size:27px!important}
  .stp-i{display:none!important}
}