.m-stats{padding:70px 0 10px}.m-stats .wrap{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.m-stat{border-top:3px solid var(--dark);padding-top:16px}.m-stat b{font:800 clamp(40px, 5vw, 64px)/1 var(--display);letter-spacing:-.04em;color:var(--dark);display:block}.m-stat span{color:var(--ink-2);margin-top:8px;font-size:15.5px;display:block}.m-steps{padding:90px 0 40px}.m-steps .sec-head h2{letter-spacing:-.035em;font-size:clamp(32px,4.2vw,56px)}.m-steps .sec-head h2 em.s,.p-where .sec-head h2 em.s{color:var(--accent-ink)}.m-steps .sec-head .lead{margin-top:10px}.m-six{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.m-six li{text-align:center}.m-six b{font:800 16px/1.2 var(--display);color:var(--ink);margin-top:16px;display:block}.m-six span{color:var(--ink-2);margin-top:6px;font-size:14px;display:block}.shotphone.mini6{--pw:100%;aspect-ratio:168/352;border-radius:26px;width:100%;max-width:168px;height:auto;margin:0 auto;padding:7px}.shotphone.mini6 .screen{border-radius:20px;inset:7px}.shotphone.mini6 .screen.img{padding-top:22px;padding-bottom:10px}.shotphone.mini6:before{width:46px;height:13px;margin-left:-23px;top:12px}.shotphone.mini6 .screen.img:after{height:3px;bottom:4px}.m-card{border-radius:22px;width:100%;height:auto;display:block;box-shadow:0 40px 90px #00000073}.p-where .sec-head h2{letter-spacing:-.035em;font-size:clamp(32px,4.2vw,56px)}.m-cat{background:var(--dark);color:#fff;padding:110px 0}.m-cat-head{max-width:760px;margin-bottom:44px}.m-cat-head h2{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(32px,4.4vw,58px);line-height:1.04}.m-cat-head h2 em.s{color:var(--secondary)}.m-cat-head p{color:#c4d6e6;font-size:18.5px}.m-cat-stage{--pw:clamp(150px, 15vw, 210px);--ph:calc((var(--pw) - 16px) * 2.1641 + 56px);padding-right:calc(var(--pw) * .55);max-width:1000px;min-height:var(--ph);padding-bottom:40px;position:relative}.m-cat-stage .browser{box-shadow:0 40px 90px #00000073}.m-cat-stage .browser img{width:100%;height:auto;display:block}.m-cat-stage .shotphone.mini{width:var(--pw);height:var(--ph);border-radius:30px;margin:0;padding:8px;position:absolute;bottom:0;right:0}.m-cat-stage .shotphone.mini .screen{border-radius:23px;inset:8px}.m-cat-stage .shotphone.mini .screen.img{padding-top:24px;padding-bottom:12px}.m-cat-stage .shotphone.mini:before{width:54px;height:16px;margin-left:-27px;top:13px}.m-cat-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:50px 0 0;padding:0;list-style:none;display:grid}.m-cat-points li{background:#ffffff0f;border:1px solid #ffffff24;border-radius:20px;padding:22px}.m-cat-points b{font:800 19px/1.2 var(--display);margin-bottom:8px;display:block}.m-cat-points span{color:#c4d6e6;font-size:15.5px}.m-plan{background:color-mix(in srgb, var(--accent) 7%, var(--bg));padding:100px 0}.m-plan .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:60px;display:grid}.m-plan h2{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(30px,3.8vw,50px);line-height:1.05}.m-plan h2 em.s{color:var(--accent-ink)}.m-plan p{color:var(--ink-2);font-size:18px}.m-plan .btnrow{margin-top:26px}.m-areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.m-areas li{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:16px;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 16px;font-size:15.5px;font-weight:700;display:flex}.m-areas li small{font:600 12.5px var(--mono);color:var(--accent-ink);white-space:nowrap}.m-formats{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.m-formats span{font:600 12.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--dark);background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 12px}@media (width<=1100px){.m-six{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px}.m-cat-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.m-stats .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.m-steps,.m-cat,.m-plan{padding:70px 0}.m-six{grid-template-columns:repeat(2,minmax(0,1fr))}.m-cat-stage{--pw:112px;padding-bottom:0;padding-right:48px}.m-cat-points{grid-template-columns:minmax(0,1fr)}.m-plan .wrap{grid-template-columns:minmax(0,1fr);gap:30px}.m-areas{grid-template-columns:minmax(0,1fr)}}.m-tools{padding:100px 0}.m-tools .sec-head h2{letter-spacing:-.035em;max-width:22ch;font-size:clamp(30px,3.8vw,50px)}.m-tools .sec-head h2 em.s{color:var(--accent-ink)}.m-tools .sec-head .lead{margin-top:10px}.m-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px;display:grid}.m-tool h3{letter-spacing:-.02em;margin:24px 0 4px;font-size:24px}.m-tool .browser img{width:100%;height:auto;display:block}.m-fc{aspect-ratio:1460/1330;position:relative}.m-fc img{border:1px solid var(--line);border-radius:18px;width:74%;height:auto;position:absolute;box-shadow:0 24px 60px #071e3c2e}.m-fc .f1{top:0;left:0;transform:rotate(-2deg)}.m-fc .f2{bottom:0;right:0;transform:rotate(1.5deg)}@media (width<=900px){.m-tools{padding:70px 0}.m-tools-grid{grid-template-columns:minmax(0,1fr);gap:50px}}.m-only{background:var(--dark);color:#fff;padding:100px 0}.m-only .wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:60px;display:grid}.m-only-mark{font:800 clamp(30px, 4.2vw, 56px)/1.05 var(--display);letter-spacing:-.04em;flex-wrap:wrap;align-items:baseline;gap:8px 14px;display:flex}.m-only-mark b{color:var(--secondary);font-weight:800}.m-only-mark span:last-child{color:var(--secondary)}.m-only h2{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(30px,3.8vw,50px);line-height:1.05}.m-only h2 em.s{color:var(--secondary)}.m-only p{color:#c4d6e6;font-size:18.5px}.m-only-points{gap:14px;margin:26px 0 0;padding:0;list-style:none;display:grid}.m-only-points li{color:#c4d6e6;border-left:3px solid var(--secondary);padding-left:14px;font-size:16.5px}.m-only-points b{color:#fff}@media (width<=900px){.m-only{padding:70px 0}.m-only .wrap{grid-template-columns:minmax(0,1fr);gap:26px}}section[data-variant][hidden]{display:none!important}.layout-switch{justify-content:center;padding:40px 16px 0;display:flex}.layout-switch div{color:#c9d3db;font:600 12px var(--mono);background:#111a22;border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px 6px 14px;display:inline-flex}.layout-switch button{font:700 12px var(--body);color:#fff;cursor:pointer;background:0 0;border:1px solid #3c4c5c;border-radius:999px;padding:5px 12px}.layout-switch button[aria-pressed=true]{color:#14202b;background:#ffd43b;border-color:#ffd43b}.feat-a,.feat-b{padding:100px 0}.incl{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 40px;margin-top:12px;display:grid}.incl-item{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:16px;display:grid}.incl-item .icon{margin:0}.incl-item h3{letter-spacing:-.015em;margin:2px 0 4px;font-size:19px}.incl-item p{color:var(--ink-2);margin:0;font-size:15.5px}.incl-foot{border-top:1px solid var(--line);margin-top:44px;padding-top:24px;font-weight:700}.frows{gap:90px;margin-top:16px;display:grid}.frow{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.frow.frow-rev .browser{order:2}.frow .browser img{width:100%;height:auto;display:block}.frow-txt h3{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(26px,2.8vw,36px)}.frow-txt .lead{margin:0}@media (width<=900px){.feat-a,.feat-b{padding:70px 0}.incl{grid-template-columns:minmax(0,1fr);gap:24px}.frows{gap:60px}.frow{grid-template-columns:minmax(0,1fr);gap:26px}.frow.frow-rev .browser{order:0}}@media (width>=901px) and (width<=1100px){.incl{grid-template-columns:repeat(2,minmax(0,1fr))}}sup.mk{vertical-align:super;letter-spacing:0;margin-left:.04em;font-size:max(.42em,9px);font-style:normal;font-weight:600;line-height:0}.beta-tag{background:var(--secondary);color:var(--dark);font:700 11px/1.5 var(--body);letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;border-radius:999px;margin-left:10px;padding:2px 9px;display:inline-block}.m-cat-more{margin-top:34px}.theme-shot{transform:perspective(1400px)rotateY(-7deg)rotateX(2deg)}.theme-shot img{width:100%;height:auto;display:block}@media (width<=900px){.theme-shot{transform:none}}
