.ab{padding:150px 0 110px;background:radial-gradient(1000px 600px at 85% 10%,#ece9ff,transparent 70%),#fbfbfe}.ab__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}.ab__h{font-family:var(--display);font-weight:800;letter-spacing:-.05em;line-height:.98;font-size:clamp(46px,5vw,76px);margin:16px 0 0}.ab__lead{margin:24px 0 0;font-size:19px;line-height:1.55;color:#4a4a58;max-width:46ch}.ab__lead b{color:var(--ink)}.ab__me{display:inline-flex;align-items:center;gap:14px;margin-top:30px;padding:8px 20px 8px 8px;border-radius:999px;background:#fff;box-shadow:0 14px 30px -20px rgba(10,10,14,.45),0 0 0 1px rgba(10,10,14,.05);text-align:left}.ab__photo{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--t-lilac)}.ab__photo .ic{width:36px;height:36px}.ab__me b{display:block;font-size:16px}.ab__me small{font-size:13px;color:#6a6a78}.ab__cap{margin:12px 0 0;text-align:center;font-size:13px;color:#7a7a88}.cb{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 50px 90px -50px rgba(30,20,90,.45),0 0 0 1px rgba(10,10,14,.06);min-height:400px}.cb__ed{background:#14132a;color:#d9d7ff;padding:14px 16px 16px;display:flex;flex-direction:column;min-width:0}.cb__tab{display:flex;align-items:center;gap:6px;font-size:12px;color:#8c89c9;padding-bottom:12px}.cb__tab i{width:9px;height:9px;border-radius:50%;background:#2e2c55}.cb__tab span{margin-left:8px;padding:4px 10px;border-radius:8px;background:#22204a;color:#d9d7ff}.cb__code{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:12.2px;line-height:1.55}.cb__code li{display:grid;grid-template-columns:18px 1fr;gap:10px;min-height:19px;padding:3px 6px;border-radius:6px;transition:background .3s}.cb__code li.now{background:rgba(140,130,255,.14)}.cb__ln{color:#55528a;text-align:right}.cb__code code{white-space:pre-wrap;word-break:break-word;color:#c7c3ff}.cb__code li.done code{color:#a6f0c6}.cb__caret{display:inline-block;width:7px;height:14px;margin-left:1px;vertical-align:-2px;background:#a69cff;animation:cbBlink .9s steps(1) infinite}@keyframes cbBlink{50%{opacity:0}}.cb__tip{margin:auto 0 0;padding-top:14px;font-size:13px;color:#9d9ad6}.cb__pv{position:relative;padding:16px;background:#fbf7f1;display:flex;flex-direction:column;gap:10px}.cb__nav{display:flex;justify-content:space-between;align-items:center;font-size:13px}.cb__nav b{font-family:Georgia,serif;font-size:16px}.cb__bag{position:relative;padding:5px 10px;border-radius:999px;background:#fff;font-weight:700;box-shadow:0 0 0 1px #eee4d6;transition:transform .4s cubic-bezier(.34,1.7,.64,1)}.cb__bag.on{transform:scale(1.12)}.cb__bag em{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#d6542c;color:#fff;font-style:normal;font-size:11px;animation:cbPop .6s cubic-bezier(.34,1.7,.64,1)}@keyframes cbPop{0%{transform:scale(0)}}.cb__img{height:130px;border-radius:16px;background:#efe6d8;display:grid;place-items:center;opacity:0;transform:scale(.92);transition:all .7s cubic-bezier(.16,1,.3,1)}.cb__img.on{opacity:1;transform:none;background:linear-gradient(160deg,#f1e3cf,#e2cdb0)}.cb__mug{width:64px;height:58px;border-radius:10px 10px 18px 18px;background:linear-gradient(90deg,#3c6e71,#5b9a9c);position:relative;box-shadow:0 16px 20px -14px rgba(0,0,0,.5)}.cb__mug:after{content:"";position:absolute;right:-16px;top:12px;width:18px;height:26px;border:6px solid #4a8587;border-left:0;border-radius:0 14px 14px 0}.cb__h,.cb__pr{margin:0;opacity:0;transform:translateY(10px);transition:all .6s cubic-bezier(.16,1,.3,1)}.cb__h.on,.cb__pr.on{opacity:1;transform:none}.cb__h{font-family:Georgia,serif;font-weight:400;font-size:21px;line-height:1.15;letter-spacing:-.01em}.cb__pr{font-family:var(--display);font-weight:800;font-size:26px}.cb__btn{align-self:flex-start;padding:11px 18px;border-radius:12px;background:#1d1b17;color:#fff;font-weight:700;font-size:14px;opacity:0;transform:scale(.6);transition:all .5s cubic-bezier(.34,1.7,.64,1),background .3s}.cb__btn.on{opacity:1;transform:none}.cb__btn.hit{background:#12a06a}.cb__live{position:absolute;right:14px;bottom:14px;padding:6px 11px;border-radius:999px;background:#dff6ea;color:#0e7a4e;font-weight:800;font-size:12px;opacity:0;transform:translateY(10px);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.cb__live.on{opacity:1;transform:none}.ab-s{padding:130px 0}.sk__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sk__tab{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 9px;border-radius:999px;background:#fff;font-weight:700;font-size:15px;box-shadow:0 0 0 1px rgba(10,10,14,.08);transition:background .3s,transform .4s cubic-bezier(.34,1.56,.64,1)}.sk__tab:hover{transform:translateY(-2px)}.sk__tab.on{background:var(--tt);box-shadow:none}.sk__ic{width:34px;height:34px;transition:transform .5s cubic-bezier(.34,1.7,.64,1)}.sk__tab.on .sk__ic{transform:scale(1.15) rotate(-8deg)}.sk__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:26px;padding:40px;border-radius:32px;background:var(--st);transition:background .4s;animation:skIn .55s cubic-bezier(.16,1,.3,1)}@keyframes skIn{0%{opacity:0;transform:translateY(14px)}}.sk__k{display:block;font-size:12.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--si);margin-top:18px}.sk__k:first-child{margin-top:0}.sk__plain{margin:8px 0 0;font-family:var(--display);font-weight:700;font-size:clamp(20px,1.8vw,25px);line-height:1.3;letter-spacing:-.02em}.sk__why{margin:8px 0 0;font-size:16.5px;line-height:1.6;color:#3e3e4c}.sk__proof{display:inline-block;margin-top:20px;font-weight:800;color:var(--si)}.sk__demo{min-height:280px;display:grid;place-items:center;padding:24px;border-radius:24px;background:rgba(255,255,255,.65)}.sk-d{width:100%;max-width:380px}.sk-card{display:grid;gap:2px;padding:8px;background:#fff;border:2px solid #000;font-family:Times,serif;transition:all .6s cubic-bezier(.16,1,.3,1)}.sk-card__img{height:110px;background:#c9b8a0;margin-bottom:4px;transition:all .6s}.sk-card b{font-size:22px;color:#d00}.sk-card small{font-size:15px;color:#00f}.sk-card em{font-size:26px;color:#090}.sk-card em,.sk-card i{font-style:normal;font-weight:700}.sk-card i{text-align:center;padding:4px;background:#ff0;border:2px solid #000}.sk-card.pro{gap:4px;padding:14px;border:0;border-radius:22px;font-family:var(--display);box-shadow:0 30px 50px -30px rgba(0,0,0,.4)}.sk-card.pro .sk-card__img{height:140px;border-radius:14px;background:linear-gradient(160deg,#f1e3cf,#d9c2a0);margin-bottom:10px}.sk-card.pro b{font-size:19px;color:var(--ink);letter-spacing:-.02em}.sk-card.pro small{font-size:13.5px;color:#77778a;font-family:var(--sans,system-ui)}.sk-card.pro em{font-size:22px;color:var(--ink);margin-top:6px}.sk-card.pro i{margin-top:8px;padding:12px;border:0;border-radius:12px;background:#1d1b17;color:#fff}.sk-cap{margin:14px 0 0;text-align:center;font-size:14px;color:#4a4a58;min-height:2.6em}.sk-hl{padding:24px;border-radius:20px;background:#fff;box-shadow:0 20px 40px -30px rgba(0,0,0,.4);transition:all .5s}.sk-hl small{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b9b9c6}.sk-hl.on small{color:#12a06a}.sk-hl b{display:block;margin-top:8px;font-family:var(--display);font-size:26px;line-height:1.1;letter-spacing:-.035em;color:#9a9aaa;transition:color .4s}.sk-hl.on b{color:var(--ink)}.sk-hl span{display:block;margin-top:10px;font-size:14px;color:#5a5a68}.sk-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sk-cols>div{display:flex;flex-direction:column-reverse;gap:6px}.sk-cols small{order:99;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#6a6a78;margin-bottom:4px}.sk-cols span{padding:10px 12px;border-radius:12px;background:#fff;font-size:13.5px;font-weight:600;animation:skDrop .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i) * .12s)}.sk-cols>div:first-child span:not(.me){background:#ffe1e1;color:#a32a2a}.sk-cols span.me{background:var(--ink);color:#fff}@keyframes skDrop{0%{opacity:0;transform:translateY(-16px)}}.sk-d--flow{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sk-d--flow span{position:relative;padding:11px 16px;border-radius:14px;background:#fff;font-weight:700;font-size:14.5px;color:#9a9aaa;transition:all .45s cubic-bezier(.34,1.56,.64,1)}.sk-d--flow span.on{background:var(--si);color:#fff;transform:translateY(-3px)}.sk-d--list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sk-d--list li{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;background:#fff;font-weight:600;color:#8a8a98;transition:color .3s}.sk-d--list li i{width:20px;height:20px;border-radius:6px;border:2px solid #d5d5e0;transition:all .4s cubic-bezier(.34,1.7,.64,1)}.sk-d--list li.on{color:var(--ink)}.sk-d--list li.on i{background:var(--si);border-color:var(--si);transform:scale(1.1)}.ab-r{padding:120px 0;background:#f2fbf6}.ab-r__in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}.ab-r__copy .sig__h,.ab-r__copy .sig__lead,.ab-x__copy .sig__h,.ab-x__copy .sig__lead{text-align:left;margin-left:0}.ro{padding:26px;border-radius:32px;background:#fff;box-shadow:0 50px 90px -50px rgba(10,10,14,.4),0 0 0 1px rgba(10,10,14,.05)}.ro,.ro__top{position:relative}.ro__top{display:flex;justify-content:center;padding-bottom:22px}.ro__top:after{content:"";position:absolute;left:50%;bottom:0;width:2px;height:22px;background:#dcdce6}.ro__boss{padding:10px 18px;border-radius:14px;background:var(--ink);color:#fff;font-weight:800;font-size:14px}.ro__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:16px;border-top:2px solid #dcdce6}.ro__box{position:relative;padding:14px 14px 46px;border-radius:16px;background:#f5f5f8;border:1.5px dashed #d3d3de;min-height:92px;transition:background .4s,border-color .4s}.ro__box small{display:block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6a6a78}.ro__box span{display:block;margin-top:6px;font-size:13.5px;line-height:1.35;color:#4a4a58}.ro__box.on{background:#eefaf4;border:1.5px solid #bfe9d3}.ro__st{position:absolute;left:12px;bottom:10px;padding:4px 10px;border-radius:8px;border:2px solid #12a06a;color:#12a06a;font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:-.02em;transform:rotate(var(--r,-4deg)) scale(2.2);opacity:0;transition:transform .45s cubic-bezier(.34,1.7,.64,1),opacity .2s}.ro__box.on .ro__st{opacity:1;transform:rotate(var(--r,-4deg)) scale(1)}.ro__box--x{background:#fff}.ro__box--x svg{position:absolute;inset:30% 6% auto;width:88%;height:40%;overflow:visible}.ro__box--x path{fill:none;stroke:#ff5c7a;stroke-width:5;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220;transition:stroke-dashoffset .5s cubic-bezier(.65,0,.35,1)}.ro__box--x.on{background:#fff6f8;border-color:#ffd3dc}.ro__box--x.on path{stroke-dashoffset:0}.ro__box--x.on small{color:#b9b9c6}.ro__box--x span{opacity:0;transition:opacity .4s .3s}.ro__box--x.on span{opacity:1;color:#d33a59;font-weight:700}.ro__sum{display:block;margin:18px 0 0;text-align:center;font-size:15px;color:#6a6a78;opacity:0;transition:opacity .6s;transform:none!important;rotate:none!important}.ro__sum b{color:var(--ink)}.ro--done .ro__sum{opacity:1}.static .ro__st{opacity:1;transform:rotate(var(--r,-4deg))}.static .ro__sum{opacity:1}.ab-q{padding:150px 0;background:#0c0b10;color:#fff}.ab-q__t{max-width:22ch;margin:0 auto;text-align:center;font-family:var(--display);font-weight:800;letter-spacing:-.045em;line-height:1.05;font-size:clamp(34px,5vw,72px);text-wrap:balance}.ab-q__t .lw{opacity:.16;transition:opacity .4s}.ab-q__t .lw.on{opacity:1}.ab-m{padding:130px 0}.ab-m__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ab-m__c{display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 30px 60px -40px rgba(10,10,14,.5),0 0 0 1px rgba(10,10,14,.07);transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .5s}.ab-m__c:hover{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 40px 70px -40px rgba(10,10,14,.6)}.ab-m__logo{height:170px;display:grid;place-items:center;padding:28px;border-bottom:1px solid rgba(10,10,14,.06)}.ab-m__logo img{max-width:78%;max-height:90px;object-fit:contain;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.ab-m__c:hover .ab-m__logo img{transform:scale(1.06)}.ab-m__word{display:grid;justify-items:center;line-height:1}.ab-m__word b{font-family:var(--display);font-weight:800;font-size:40px;letter-spacing:-.055em}.ab-m__word--v b{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:34px;letter-spacing:.18em}.ab-m__word--v b+b{margin-top:8px;font-size:12px;letter-spacing:.5em;opacity:.8}.ab-m__b{display:block;padding:18px 20px 22px}.ab-m__b small{font-size:12.5px;font-weight:700;color:#6a6a78}.ab-m__b b{display:block;margin-top:4px;font-family:var(--display);font-size:21px;letter-spacing:-.03em}.ab-m__b span{display:block;margin-top:8px;color:#4a4a58;line-height:1.5;font-size:14.5px}.ab-m__b em{display:block;margin-top:14px;font-style:normal;font-weight:700;color:var(--blue,#2b3bff)}.ab-w{padding:130px 0;background:#f4f2ff}.ab-w__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ab-w__list li{position:relative;padding:26px 24px 28px;border-radius:24px;background:#fff;box-shadow:0 20px 40px -30px rgba(58,43,184,.45)}.ab-w__ic{width:52px;height:52px}.ab-w__n{position:absolute;right:22px;top:24px;font-weight:800;font-size:15px;color:#b5aef0}.ab-w__list b,.ab-w__n{font-family:var(--display)}.ab-w__list b{display:block;margin-top:16px;font-size:21px;letter-spacing:-.03em}.ab-w__list p{margin:8px 0 0;color:#4a4a58;line-height:1.55;font-size:15px}.ab-f{padding:130px 0}.ab-f__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:0 auto}.ab-f__grid div{padding:28px 26px;border-radius:24px;background:#fbfbfe;box-shadow:0 0 0 1px rgba(10,10,14,.07)}.ab-f__grid b{display:block;font-family:var(--display);font-weight:800;font-size:64px;letter-spacing:-.05em;line-height:1}.ab-f__grid span{display:block;margin-top:10px;color:#4a4a58;font-size:15.5px}.ab-t{padding:120px 0;background:#f2fbf6}.ab-t__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ab-t__grid div{display:grid;grid-template-columns:44px 1fr;gap:2px 14px;align-items:center;padding:18px;border-radius:20px;background:#fff;box-shadow:0 14px 30px -24px rgba(10,10,14,.5)}.ab-t__ic{grid-row:span 2;width:44px;height:44px}.ab-t__grid b{font-size:16px}.ab-t__grid span{font-size:13.5px;color:#5a5a68;line-height:1.4}.ab-x{padding:120px 0 140px;background:#fbfbfe}.ab-x__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}.ck{gap:10px}.ck,.ck__c{display:grid}.ck__c{grid-template-columns:64px 1fr auto;gap:16px;align-items:center;padding:16px 20px 16px 16px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(10,10,14,.07)}.ck__face{position:relative;width:64px;height:64px;border-radius:50%;background:#f1f1f5;box-shadow:inset 0 0 0 2px #e3e3ea}.ck__face i{position:absolute;left:50%;bottom:50%;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--ink);transform-origin:50% 100%;transition:transform 1s cubic-bezier(.34,1.56,.64,1)}.ck__h{height:18px}.ck__m{height:26px;opacity:.55}.ck__t b{display:block;font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:-.04em}.ck__t small{color:#6a6a78;font-size:14px}.ck__c em{font-style:normal;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;background:#f1f1f5;color:#6a6a78}.ck__c.is-work em{background:#dff6ea;color:#0e7a4e}.ck__c.is-work .ck__face{background:#e9f8f0;box-shadow:inset 0 0 0 2px #bfe9d3}@media (max-width:1100px){.ab-m__row,.ab-t__grid,.ab-w__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.ab-r__in,.ab-x__in,.ab__in{grid-template-columns:1fr;gap:44px}.sk__panel{grid-template-columns:1fr;padding:28px}}@media (max-width:760px){.ab{padding:110px 0 80px}.ab__copy{text-align:center}.ab__lead{font-size:16.5px;margin-left:auto;margin-right:auto}.ab-r__copy,.ab-x__copy{text-align:center}.ab-r__copy .sig__h,.ab-r__copy .sig__lead,.ab-x__copy .sig__h,.ab-x__copy .sig__lead{text-align:center;margin-left:auto;margin-right:auto}.cb{grid-template-columns:1fr;min-height:0}.cb__ed{min-height:250px}.cb__pv{min-height:330px}.sk__tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:0 calc(-1 * var(--gl, 18px));padding:0 var(--gl,18px) 6px;scrollbar-width:none}.sk__tab{flex:none}.sk__panel{padding:22px 18px;border-radius:26px;gap:22px}.sk__demo{min-height:240px;padding:16px}.ro{padding:16px;border-radius:24px}.ro__grid{grid-template-columns:1fr 1fr;gap:8px}.ro__box{min-height:84px;padding:12px 12px 40px}.ro__box span{font-size:12.5px}.ro__st{font-size:13px;padding:3px 8px;left:10px;bottom:8px}.ab-q{padding:100px 0}.ab-f,.ab-m,.ab-r,.ab-s,.ab-t,.ab-w,.ab-x{padding:80px 0}.ab-m__row,.ab-t__grid,.ab-w__list{grid-template-columns:1fr}.ab-m__logo{height:140px}.ab-f__grid{grid-template-columns:1fr 1fr}.ab-f__grid div{padding:20px 18px}.ab-f__grid b{font-size:44px}.ab-f__grid span{font-size:13.5px}.ck__c{grid-template-columns:52px 1fr;padding:12px 14px 12px 12px}.ck__face{width:52px;height:52px}.ck__c em{grid-column:2;justify-self:start}.ck__t b{font-size:24px}}