/* Redkee.AI (Indonesian site) */
@font-face{font-family:fontSans;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/google-sans-flex-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:fontSans;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/google-sans-flex-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--ink:#101828;--body:#475467;--muted:#667085;--blue:#1352bf;--tint:#1451bc26;--soft:#f9fafb;--soft2:#f2f4f7;--line:#e4e7ec;--pale:#dae3f6;--navy:#101828;--frame:1280px;--pad:32px}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:fontSans,"fontSans Fallback",system-ui,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background: #ffffff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block}
img{max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.frame{max-width:var(--frame);margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);position:relative}
.in{padding-left:var(--pad);padding-right:var(--pad)}
.ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic.f{fill:currentColor;stroke:none}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:8px;font-size:12px;font-weight:600;line-height:16px;white-space:nowrap;border:1px solid var(--blue)}
.btn-p{background:var(--blue);color:#fff}
.btn-o{background: #ffffff;color:var(--blue)}
.btn-l{height:40px;padding:0 20px;font-size:14px}
.lk{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--blue);line-height:28px}

/* header */
.hdr{position:fixed;top:0;left:0;right:0;height:64px;z-index:50;background:rgba(255,255,255,.8);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s}
.hdr-in{max-width:var(--frame);margin:0 auto;height:100%;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:relative}
.logo{display:flex;align-items:center;gap:4px;height:24px;color:var(--blue);font-size:19px;font-weight:700;letter-spacing:-.02em}
.logo svg{width:27px;height:24px}
.logo:after,.flogo:after,.lg:after{content:"Cekat.AI";line-height:1}
.logo:after{line-height:24px}
.nav{margin-left:40px;margin-right:auto;height:64px}
.nav ul{display:flex;align-items:center;gap:8px;height:100%}
.nav li>*{font-size:12px;font-weight:600;line-height:16px;display:flex;align-items:center;gap:6px;color:var(--ink)}
.nav li:nth-child(n+5) a{margin-left:15px}
.nav .chev,.lang-b .chev{width:12px;height:12px;stroke:#8391ad;transition:transform .15s}
[aria-expanded=true]>.chev{transform:rotate(180deg)}
.right{display:flex;align-items:center;gap:12px}
.lang{position:relative}
.lang-b{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:16px;margin-right:12px}
.lang-b .ic:first-child{width:12px;height:12px}
.login{font-size:12px;font-weight:600;line-height:36px;padding:0 8px}
.hmb{display:none}
.hdr.hero{background:linear-gradient(180deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.31) 20px,rgba(0,0,0,.13) 45px,rgba(0,0,0,0) 64px),rgba(255,255,255,.13);border-bottom-color:transparent}
.hdr.hero.sol{background:rgba(255,255,255,.8) !important;border-bottom-color:var(--line)}
.hdr.hero:not(.sol) .nav li>*,.hdr.hero:not(.sol) .lang-b,.hdr.hero:not(.sol) .login{color:#fff}
.hdr.hero:not(.sol) .logo{color:#fff}
.langm{position:absolute;right:-58px;top:22px;width:170px;background: #ffffff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 1px 3px rgba(16,24,40,.06);padding:4px;display:none;z-index:60}
.langm.open{display:block}
.langm a{display:block;height:40px;line-height:40px;padding:0 8px;font-size:14px;border-radius:8px;color:var(--ink)}
.langm a.on{background:var(--soft2)}

/* mega menus */
.mega{position:fixed;top:72px;left:50%;transform:translateX(-50%);width:min(1288px,calc(100% - 32px));background: #ffffff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 40px -12px rgba(16,24,40,.18);display:none;z-index:55;overflow:hidden}
.mega.open{display:block}
.mega .top{display:flex;padding:24px 24px 20px 32px}
#m-studi .top{min-height:389px}
.mega .bot{border-top:1px solid var(--line);padding:0 32px;display:flex;gap:40px;height:57px;align-items:center}
.mega .bot a{font-size:14px;font-weight:600;color:var(--blue)}
.mh{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:17px;margin-bottom:11px;margin-top:4px}
.mi{display:flex;align-items:center;gap:12px;min-height:40px;padding:4px 0;margin-bottom:8px;font-size:14px;font-weight:500;line-height:20.3px;color:var(--ink)}
.cols5 .mi{min-height:44px}
.cols5 .mi span{max-width:125px}
.mi i{width:32px;height:32px;border-radius:8px;background:var(--soft2);display:flex;align-items:center;justify-content:center;flex:none;color:var(--body)}
.mi i .ic{width:16px;height:16px}
.cols5{display:flex;gap:12px;width:973px}
.cols5>div{width:185px}
.promo{margin-left:3px;width:256px;height:354px;border-radius:8px;background:linear-gradient(160deg,#1f5dc1,#1352bf 70%);color:#fff;padding:20px;display:flex;flex-direction:column;margin-top:0;flex:none}
.promo small{font-size:11px;letter-spacing:.1em;font-weight:600;color:#dae3f6;margin-top:6px}
.promo h4{font-size:20px;line-height:28px;font-weight:600;margin-top:10px}
.promo p{font-size:14px;line-height:23px;color:#dae3f6;margin-top:12px}
.promo a{font-size:14px;font-weight:600;margin-top:14px}
.promo em{font-style:normal;margin-top:auto;border-top:1px solid #ffffff33;padding-top:16px;text-align:center;font-size:12px;color:#dae3f6}
.sol-g{padding:0 32px 0 0;border-right:1px solid var(--line);margin-right:32px}
.sol-g:nth-child(-n+2){flex:0 0 200px;width:200px !important}
.sol-g:last-child{border:0;margin:0}
.sol-ind{display:grid;grid-template-columns:repeat(3,265px);column-gap:0}
.cs-l{width:248px;flex:none;border-right:1px solid var(--line);margin-right:32px;padding-right:24px}
.cs-l small{font-size:11px;letter-spacing:.1em;font-weight:500;color:var(--muted);text-transform:uppercase}
.cs-l h4{font-size:18px;line-height:24px;font-weight:600;margin:0 0 14px}
.cs-l p{font-size:14px;line-height:22.4px;color:var(--body)}
.cs-m{display:grid;grid-template-columns:334px 300px;margin-right:30px;align-content:start;row-gap:6px}
.cs-c-w .mh{margin-bottom:2px!important}
.cs-c{width:288px;border:1px solid var(--line);border-radius:12px;overflow:hidden;flex:none;align-self:flex-start;margin-top:26px;position:relative}
.cs-c .im{height:160px;background:#547eac url('/images/case-study-asri-reference.png') -1052px -121px / 1440px 900px no-repeat;position:relative}
.cs-c .im b{display:none}
.cs-c div.t{padding:16px}
.cs-c h5{font-size:14px;line-height:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-c p{font-size:12px;line-height:19px;color:var(--body);margin-top:8px}
.cs-c p.m{margin-top:12px}
.cs-c p.m b{color:var(--blue);font-weight:600}
.cs-top{position:absolute;right:24px;top:25px;font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;width:288px;font-weight:500}

/* floating whatsapp */
.fab{position:fixed;right:20px;bottom:20px;height:52px;padding:0 20px 0 14px;border-radius:9999px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;z-index:40;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.fab .ic{width:28px;height:28px}

/* hero */
.hero-s{position:relative;height:900px;overflow:hidden}
.hero-s>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.hero-in{position:relative;max-width:var(--frame);margin:0 auto;padding:0 var(--pad);height:100%;display:flex;align-items:flex-start}
.hero-l{width:426px;padding-top:220px}
.badge{display:inline-flex;align-items:center;height:30px;padding:0 16px;border-radius:9999px;background:#ffffffb2;border:1px solid var(--tint);font-size:12px;font-weight:600;color:var(--blue);line-height:16px}
.hero-l h1{font-size:40px;line-height:44.4px;font-weight:600;letter-spacing:-.02em;margin-top:20px}
.hero-l p{font-size:18px;line-height:28px;margin-top:24px}
.hero-l .badge{margin-top:0;font-size:12px;line-height:16px}
.hero-l .acts{display:flex;gap:12px;margin-top:32px}
.dev{position:absolute;left:540px;top:200px;width:658px;height:516px}
.tab{position:absolute;left:0;top:0;width:580px;height:516px;border-radius:36px;background:#0c1425;padding:16px 18px 18px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.tab:before{content:"";position:absolute;left:50%;top:6px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#2b394e}
.scr{height:100%;border-radius:22.4px;overflow:hidden;background:#ece5dd;position:relative}
.cb{background:var(--blue);height:82px;color:#fff;padding-top:10px;position:relative}
.sb{display:flex;justify-content:space-between;padding:0 16px;font-size:12px;font-weight:600;line-height:16px;height:16px;margin-bottom:12px}
.sb span:last-child{display:flex;gap:4px}
.sb svg{width:12px;height:12px}
.ch{display:flex;align-items:center;padding:0 16px 0 10px;height:32px;position:relative}
.ch .bk{width:16px;height:16px;margin-right:10px;opacity:.9}
.ch .av{width:34px;height:34px;border-radius:50%;background:#ffffff2e;display:flex;align-items:center;justify-content:center;margin-right:8px}
.ch .nm{width:150px}
.ch .nm b{display:flex;gap:6px;align-items:center;font-size:14px;line-height:18px;font-weight:600}
.ch .nm small{display:block;font-size:11px;line-height:14px;color:var(--pale)}
.ch .tb{margin-left:auto;display:flex;gap:4px;align-items:center}
.ch .tb button{height:32px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:600;color:#ffffffd9;white-space:nowrap}
.ch .tb button.on{background: #ffffff;color:var(--blue)}
.ch .tb .ic{width:16px;height:16px;margin-left:8px;color:#ffffffe6}
.msgs{padding:20px 12px 0;position:relative;height:342px;overflow:hidden;display:flex;flex-direction:column}
.date{width:95px;height:24px;line-height:24px;margin:0 auto 8px;flex:none;background: #ffffff;border-radius:9999px;font-size:10px;text-align:center;color:var(--body);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.bub{display:block;background: #ffffff;border-radius:14px 14px 14px 0;font-size:12px;line-height:20px;padding:7px 12px;width:fit-content;max-width:78%;flex:none;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.tm{font-size:10px;color:var(--muted);line-height:15px;margin-top:2px;display:block;flex:none}
.tm.r{text-align:right;padding-right:0}
.card{margin:6px 0 0 auto;width:280px;background: #ffffff;border-radius:14px;padding:10px 8px 8px;height:172px;flex:none}
.card .pi{height:112px;margin-bottom:6px}
.card .pi img{width:100%;height:100%;object-fit:contain}
.card b{font-size:12px;line-height:16px;display:block;padding:0 4px}
.card span{font-size:12px;line-height:16px;font-weight:500;color:var(--blue);display:block;padding:0 4px;margin-top:2px}
.ty{margin:9px 0 0 auto;flex:none;width:50px;height:26px;border-radius:14px 14px 0 14px;background: #ffffff;display:flex;gap:4px;align-items:center;justify-content:center}
.ty i{width:6px;height:6px;border-radius:50%;background:#6f8fe0}
.inp{position:absolute;left:12px;right:12px;bottom:12px;height:46px;border-radius:9999px;background:var(--soft);border:1px solid var(--line);display:flex;align-items:center;padding:0 7px 0 16px;font-size:14px;color:var(--muted);justify-content:space-between}
.inp i{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center}
.inp i .ic{width:16px;height:16px}
.rail{position:absolute;right:0;top:162px;width:62px;padding:7px 11px;border-radius:22.4px;background:#ffffffb2;backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.rail button{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffffb2;color:var(--body)}
.rail button.on{background:var(--blue);color:#fff}
.rail .ic{width:16px;height:16px}

/* trust */
.trust{display:grid;grid-template-columns:1fr 1.3fr;padding:0 var(--pad);height:397px}
.trust .l{padding:48px 48px 0 0;position:relative}
.trust .r{border-left:1px solid var(--line);padding:104px 0 0 44px;height:100%}
.trust h2{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.02em;color:var(--blue);margin-bottom:32px}
.stats{display:flex;border-bottom:1px solid var(--line);height:96px;position:relative}
.stats>div{width:246px}
.stats>div+div{border-left:0;padding-left:0}
.stats>div:last-child{width:auto}
.stats p:first-child{font-size:24px;line-height:32px;font-weight:600;color:var(--navy)}
.stats p+p{font-size:14px;line-height:20px;color:var(--body)}
.stats:after{content:"";position:absolute;left:221px;top:0;height:100%;border-left:1px solid var(--line)}
.trust h3{font-size:14px;line-height:19px;font-weight:600;margin-top:25px}
.partners{display:flex;gap:32px;align-items:center;margin-top:21px}
.partners img{width:auto;height:33px}
.logos{display:grid;grid-template-columns:repeat(5,116px);gap:28px 16px;justify-items:center;align-items:center;margin-top:0;width:648px;position:relative;left:0;margin-left:0}
.logos img{height:28px;max-width:none;object-fit:contain}
.r .more{text-align:center;font-size:14px;color:var(--body);margin-top:28px;line-height:20px;padding-right:0}

/* testimonial */
.testi{background:var(--soft);height:516px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}
.testi .frame{background:var(--soft);height:100%;display:grid;grid-template-columns:minmax(0,.46fr) minmax(0,1fr);column-gap:64px;padding:64px var(--pad) 0}
.testi h2{font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.02em}
.testi .l p{font-size:16px;line-height:24px;color:var(--body);margin-top:16px}
.big{font-size:48px;line-height:48px;font-weight:600;color:var(--blue);letter-spacing:-.02em}
.testi .r .s{font-size:14px;line-height:20px;color:var(--body);margin-top:8px}
.testi blockquote{max-width:768px;font-size:24px;line-height:33px;font-weight:600;margin-top:28px;letter-spacing:-.01em}
.testi .who{margin-top:30px}
.testi .who b{display:block;font-size:16px;line-height:24px;font-weight:600}
.testi .who span{display:block;font-size:16px;line-height:24px;color:var(--body)}
.testi .who small{display:block;font-size:14px;line-height:20px;color:var(--body);margin-top:8px}
.dots{display:flex;margin-top:24px;margin-left:-12px}
.dots button{width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.dots button i{width:8px;height:8px;border-radius:50%;background:#8391ad;opacity:.35}
.dots button.on i{background:var(--blue);opacity:1}

/* products */
.prod{height:857px;position:relative}
.prod .in{padding-top:81px}
.sec-h{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
.sec-h h2{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.02em}
.sec-h p{font-size:18px;line-height:28px;color:var(--body)}
.prod .grid{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;margin-top:41px}
.acc{display:flex;flex-direction:column;gap:12px;align-self:start}
.acc>div{border:1px solid var(--line);border-radius:12px;background: #ffffff;overflow:hidden}
.ah{position:relative;display:flex;height:64px;align-items:center;justify-content:space-between;padding:0 20px;font-size:16px;font-weight:600}
.ah button{position:absolute;inset:0;width:100%;height:100%}
.acc .chev{width:20px;height:20px;stroke:#8391ad}
.acc>div.open{background:var(--blue);border-color:var(--blue)}
.acc>div.open .ah{color:#fff}
.acc>div.open .chev{stroke:#fff;transform:rotate(180deg)}
.acc .pn{display:none;padding:0 20px 20px;color:#fff}
.acc>div.open .pn{display:block}
.pn h4{font-size:18px;line-height:28px;font-weight:600}
.pn p{font-size:14px;line-height:23px;color:var(--pale);margin-top:8px}
.chips{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.chips li{display:flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:9999px;background: #ffffff;color:var(--ink);font-size:12px;font-weight:500}
.chips .ic{width:14px;height:14px;color:var(--blue);stroke-width:2}
.pl{margin-top:16px}
.pl a{display:block;font-size:14px;line-height:28px;color:var(--pale)}
.pn .go{display:block;margin-top:20px;font-size:12px;font-weight:700;color:#fff;line-height:28px}
.pn .mi-img{display:none}
.panel{border:1px solid var(--line);border-radius:12px;background:var(--soft);height:598px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.panel img{width:100%;height:100%;object-fit:contain}

/* reveal sections */
.rv{opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .6s,transform .6s}
.rv.in-v{opacity:1;visibility:visible;transform:none}
.sec{position:relative}
.sec-w{background: #ffffff}
.sec-g{background:var(--soft)}
.eyebrow{font-size:14px;font-weight:600;color:var(--blue);line-height:20px}

.ind{height:813px}
.ind .in{padding-top:81px}
.gal{display:flex;gap:8px;margin-top:40px;height:336px}
.gal button{flex:1 1 0;min-width:0;border-radius:12px;overflow:hidden;background:var(--soft);position:relative;transition:flex .4s}
.gal button.on{flex:4.35 1 0}
.gal img{width:100%;height:100%;object-fit:cover}
.gal button span{position:absolute;left:12px;bottom:12px;color:#fff;font-size:14px;font-weight:600;opacity:0}
.gal button.on span{opacity:1}
.ind-b{display:grid;grid-template-columns:483px 483px 1fr;column-gap:40px;margin-top:32px}
.ind-b p{font-size:16px;line-height:24px;color:var(--body)}
.ind-b h5{font-size:14px;line-height:20px;font-weight:600}
.ind-b ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;width:483px}
.ind-b li{font-size:12px;height:28px;border-radius:9999px;background:var(--soft2);padding:0 12px;line-height:28px}
.arrows{display:flex;gap:8px;justify-content:flex-end;align-self:start}
.arrows button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--body)}

.integ{height:497px}
.integ .frame{background:var(--soft);height:100%}
.integ .in{display:grid;grid-template-columns:469px 1fr;column-gap:65px;padding-top:81px}
.integ h2{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.02em;margin-top:12px}
.integ p.d{font-size:18px;line-height:28px;color:var(--body);margin-top:16px}
.ig{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);background: #ffffff;height:250px;border-radius:12px;overflow:hidden}
.ig li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;line-height:16px;padding:0 4px}
.ig li .ic{width:24px;height:24px;color:var(--blue)}

.feat{height:846px}
.fe-w{padding-top:66px}
.fimg{height:518px;border-radius:16px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}
.fimg img{width:100%;height:100%;object-fit:cover}
.tabs3{display:grid;grid-template-columns:repeat(3,389px);gap:24px;margin-top:33px}
.tabs3 button{display:block;border-top:2px solid var(--line);padding-top:16px;height:165px;color:var(--muted)}
.tabs3 button.on{border-color:var(--blue);color:var(--ink)}
.tabs3 h3{font-size:18px;line-height:28px;font-weight:700}
.tabs3 p{font-size:18px;line-height:28px;margin-top:8px;color:inherit}
.feat2{height:1056px;padding:40px 0}
.feat2 .in{padding-top:1px !important}
.feat2 .hd h2{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.02em;margin-top:0}
.feat2 .hd p{font-size:16px;line-height:24px;margin-top:10px}
.feat3{height:760px;padding:80px 0}
.feat3 .in{padding-top:1px !important}
.agents{display:grid;grid-template-columns:479px 1fr;column-gap:48px;margin-top:40px;align-items:start}
.agents .im{height:479px;border-radius:16px;background:var(--soft);overflow:hidden}
.agents .im img{width:100%;height:100%;object-fit:cover}
.agents .li{padding-top:63px}
.agents .li button{display:block;width:100%;padding:20px 0}
.agents .li button.on{padding-top:20px}
.agents h3{font-size:18px;line-height:28px;font-weight:600}
.agents p{font-size:18px;line-height:28px;margin-top:6px}
.agents .li button:not(.on){color:var(--muted)}
.price{height:839px}
.price .in{padding-top:81px}
.pcs{display:grid;grid-template-columns:repeat(4,1fr);column-gap:0;margin-top:48px}
.pcs>div{padding:0 25px}
.pcs h3{font-size:18px;line-height:28px;font-weight:600}
.pcs p.s{font-size:14px;line-height:20px;color:var(--body);margin-top:6px;height:40px}
.pcs .btn{width:100%;margin-top:41px}
.pcs ul{margin-top:24px}
.pcs li{position:relative;padding-left:26px;font-size:14px;line-height:20px;color:var(--ink);margin-bottom:12px}
.pcs li .ic{position:absolute;left:3px;top:5px;width:10px;height:10px;color:var(--blue);stroke-width:3}
.price .acts{display:flex;gap:12px;margin-top:24px}
.price .note{font-size:14px;line-height:20px;color:var(--muted);margin-top:20px}
.proof{height:937px}
.proof .in{padding-top:81px}
.pf{display:grid;grid-template-columns:repeat(3,389px);gap:23px 24px;margin-top:48px}
.pf>button{display:block;height:299px}
.pf .vid{height:219px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#dae3f6,#111a30);display:flex;align-items:center;justify-content:center;color:var(--blue)}
.pf .vid .ic{width:24px;height:24px}
.pfp{display:flex;gap:10px;align-items:center;margin-top:16px;height:60px}
.pfp img,.pfp .av{width:60px;height:60px;border-radius:50%;object-fit:cover;background:var(--pale)}
.pfp b{display:block;font-size:14px;line-height:20px;font-weight:600}
.pfp span{display:block;font-size:14px;line-height:20px}
.cov{display:flex;align-items:center;gap:40px;margin-top:80px;height:22px}
.cov h3{font-size:16px;font-weight:600;line-height:22px}
.cov img{height:20px;width:auto}
.cta{height:359px}
.cta .frame{height:100%;background: #ffffff}
.cta .in{padding-top:93px;padding-left:66px}
.cta h2{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.02em;color:var(--blue);max-width:768px}
.cta p.d{font-size:18px;line-height:28px;color:var(--body);margin-top:16px;max-width:672px}
.cta ul{display:flex;gap:24px;margin-top:20px}
.cta li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:20px}
.cta li .ic{width:12px;height:12px;color:var(--blue);stroke-width:2.4}
.cta .acts{display:flex;gap:16px;margin-top:16px}

/* footer */
.ft{background: #ffffff;position:relative;overflow:hidden}
.ft-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:74px}
.ft-meta .frame{height:100%;display:flex;align-items:center;gap:24px;padding:0 var(--pad)}
.ft-meta img{height:20px;width:auto}
.ft-meta span{font-size:16px;line-height:24px}
.ft-body{max-width:var(--frame);margin:0 auto;padding:16px var(--pad) 0;display:flex;border-left:1px solid var(--line);border-right:1px solid var(--line);height:1030px;position:relative;z-index:1}
.ft-l{width:785px}
.ft-l .flogo{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:34px;font-weight:700;letter-spacing:-.03em;height:44px;margin-top:0}
.ft-l .flogo svg{width:54px;height:44px}
.soc{display:flex;gap:16px;margin-top:16px}
.soc a{width:20px;height:20px;display:block;color:var(--ink)}
.soc svg{width:20px;height:20px;fill:currentColor}
.off{margin-top:32px;width:494px;height:48px;border:1px solid var(--line);border-radius:12px;background:var(--soft);display:flex;align-items:center;padding:0 4px 0 16px;gap:8px}
.off>span{font-size:12px;color:var(--body);margin-right:6px}
.off button{height:38px;padding:0 14px;border-radius:9px;font-size:16px;line-height:24px;color:var(--body);display:flex;gap:8px;align-items:center}
.off button.on{background: #ffffff;color:var(--ink);font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.offs{display:flex;gap:41px;margin-top:24px}
.offs>div{width:320px}
.offs small{font-size:12px;line-height:16px;color:var(--muted);display:block}
.offs h3{font-size:16px;line-height:24px;font-weight:600;margin-top:6px}
.offs p{font-size:14px;line-height:22.5px;margin-top:6px}
.ft-r{width:431px}
.ft-r h3.app{font-size:12px;line-height:16px;font-weight:400;margin-top:0}
.apps{display:flex;gap:13px;margin-top:16px}
.apps img{height:36px;width:auto}
.fcols{display:grid;grid-template-columns:199px 199px;column-gap:33px}
.fcols{row-gap:32px;margin-top:32px}
.fcols h3{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}
.fcols ul{padding:5px 0 4px}
.fcols li{margin-bottom:15px}
.fcols li:last-child{margin-bottom:0}
.fcols li a{font-size:12px;line-height:15px;font-weight:500;color:var(--body);display:block}
.fcols li a.two{line-height:24px;height:39px;margin-top:-4.5px}
.ft-meta img{filter:brightness(0)}
.fcols li a.all{font-weight:600;color:var(--blue)}
.fcols .g{padding-top:0}
.copy{position:absolute;left:0;right:0;top:966px;text-align:center;font-size:12px;line-height:16px;font-weight:500;color:var(--muted);z-index:1}
.wm{height:298px;padding-bottom:16px;display:flex;justify-content:center}
.wm svg{width:1024px;max-width:100%;height:auto}

/* mobile drawer */
.ov{position:fixed;inset:0;background:#10182840;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:70;display:none}
.drw{position:fixed;top:0;bottom:0;right:0;width:291px;background: #ffffff;z-index:71;display:none;flex-direction:column;box-shadow:-10px 0 30px rgba(16,24,40,.15)}
.drw.open,.ov.open{display:flex}
.ov.open{display:block}
.drw .dh{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;border-bottom:1px solid var(--line);color:var(--ink)}
.drw .dh .logo{color:var(--ink)}
.drw .db{flex:1;overflow:auto;padding:0 18px 16px 20px}
.dac>button{display:flex;width:100%;height:56px;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;padding:0}
.dac>a{display:flex;height:56px;align-items:center;font-size:16px;font-weight:600}
.dac>button .chev{width:20px;height:20px;stroke:var(--ink)}
.dac .sub{display:none;padding:0 8px 8px}
.dac.open .sub{display:block}
.dac.open>button .chev{transform:rotate(180deg)}
.dac .sub h6{font-size:11px;letter-spacing:.1em;color:var(--muted);font-weight:500;text-transform:uppercase;line-height:16px;margin:6px 0 10px}
.dac .sub h6:not(:first-child){margin-top:17px}
.dac .sub .mi{margin-bottom:12px;min-height:40px;padding:0;gap:12px}
.drw .mi i{width:36px;height:36px}
.dac.open>button{outline:2px solid #f5a400;outline-offset:-1px;border-radius:2px}
.drw .df{flex:none;border-top:1px solid var(--line);padding:29px 18px 16px 20px}
.drw .df .btn{width:100%;height:44px;font-size:14px;margin-bottom:12px}
.drw .df .row{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:14px;font-weight:600}
.drw .df .row .lang-b{margin:0;font-size:14px}