:root{--ms-card:120px;--ms-gap:20px;--hs-cols:6;--hs-gap:20px;--hs-card:120px;--hs-icon:70px;--hs-right:420px;--hs-right-h:540px}.HowtoSamplePage{--hs-topbar-side-px:28px;--hs-shell-pt:16px;--hs-shell-px:28px;--hs-shell-pb:22px;--hs-tab-rest-drop-pc:12px;--hs-tab-hover-drop-pc:10px;--hs-tab-overlap-pc:-12px;--hs-gradient-join-offset:58px;--hs-mobile-item:110px;--hs-mobile-circle:94px;--hs-mobile-icon:48px;--hs-mobile-card-minh:132px}.HowtoSamplePage .hs-bg{position:relative;width:100%}.HowtoSamplePage .hs-section{max-width:100%;padding:16px 0 36px}.HowtoSamplePage .hs-section.hs-section--show{opacity:1;transform:none}.HowtoSamplePage .hs-hero{font-weight:600;color:#111;text-align:center;margin:clamp(16px,3vw,48px) 0 clamp(12px,5vw,40px);letter-spacing:-.01em;width:100%}.HowtoSamplePage .hs-hero-main{font-size:clamp(20px,7vw,38px);line-height:1.35}.HowtoSamplePage .hs-hero-line1{font-weight:700}.HowtoSamplePage .hs-hero-line2{font-weight:500;color:#1f2937}.HowtoSamplePage .hs-hero-tag{font-size:35px;font-weight:800;margin-bottom:.4rem;line-height:1}.HowtoSamplePage .hs-hero-tag--paper{color:#01f}.HowtoSamplePage .hs-hero-tag--cardboard{color:#d39c00}.HowtoSamplePage .hs-flex{display:flex;gap:60px;align-items:flex-start;justify-content:center}.HowtoSamplePage .hs-grid{display:grid;grid-template-columns:repeat(var(--hs-cols),1fr);gap:var(--hs-gap);border-radius:22px;padding:16px}.HowtoSamplePage .hs-card{background:#fff;border:1px solid #eee;border-radius:15px;box-shadow:0 1px 8px #2221;cursor:pointer;font-weight:600;font-size:.8rem;color:#234;width:var(--hs-card);height:var(--hs-card);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.HowtoSamplePage .hs-card.is-hover{background:#e0e8ff;border-color:#2563eb;box-shadow:0 6px 18px #2563eb11}.HowtoSamplePage .hs-card.is-disabled{cursor:not-allowed;opacity:.35;filter:grayscale(1)}.HowtoSamplePage .hs-circle{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.HowtoSamplePage .hs-icon{width:var(--hs-icon);height:var(--hs-icon);object-fit:contain;margin-bottom:5px;border-radius:9px}.HowtoSamplePage .hs-block{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.86rem;color:#6b778c;pointer-events:none}.HowtoSamplePage .hs-title{width:100%;margin-top:6px;font-weight:600;font-size:14px;letter-spacing:-.01em;color:#234;text-align:center;line-height:1.3}.HowtoSamplePage .hs-right{width:var(--hs-right);max-width:var(--hs-right);margin-top:5px;border-radius:14px;display:grid;place-items:center;overflow:visible;align-self:center;min-height:var(--hs-right-h);box-sizing:border-box}.HowtoSamplePage .hs-right-img{aspect-ratio:1/1;width:var(--hs-right);max-width:100%;height:auto;object-fit:cover;border-radius:16px;background:#f7f9ff;box-shadow:0 18px 48px rgba(0,18,92,.18)}.HowtoSamplePage .hs-right-caption{margin-top:0}.ms-top{position:relative;overflow:visible}.ms-top .ms-body,.ms-top .ms-detail,.ms-top .ms-hero{position:relative;z-index:1}.ms-top.msfx-blobs:before{content:"";position:absolute;top:-6%;bottom:-6%;left:calc(50% - 50vw);width:100vw;transform:none;pointer-events:none;z-index:0;background:radial-gradient(36% 28% at 18% 22%,rgba(237,205,255,.18) 0,transparent 70%),radial-gradient(30% 24% at 82% 78%,rgba(215,129,255,.14) 0,transparent 68%),radial-gradient(28% 22% at 70% 18%,rgba(216,43,255,.1) 0,transparent 66%);animation:msfx-blobs-shift 18s ease-in-out infinite alternate;filter:saturate(115%);opacity:0;transition:opacity .45s ease .22s}.ms-top.msfx-blobs.is-bg:before{opacity:1}@keyframes msfx-blobs-shift{0%{transform:translateZ(0)}to{transform:translate3d(0,-10px,0) scale(1.02)}}.ms-footer-bar{display:flex;justify-content:center;margin-top:-600px}.ms-footer-bar__text{font-size:1.02rem;color:#1f2a44;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;padding:8px 12px;text-align:center;line-height:1.6;max-width:820px;margin:0 auto}.HowtoSamplePage .HomeSection{min-height:1080px;display:grid;align-items:center}.ms-top{max-width:1200px;margin:0 auto;padding:28px 0;opacity:0;transform:translateY(32px);transition:opacity 1.2s cubic-bezier(.42,1.4,.5,.96),transform 1.2s cubic-bezier(.42,1.4,.5,.96)}.ms-top.is-show{opacity:1;transform:none}.ms-hero{font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:56px}.ms-body{display:flex;gap:10px;align-items:center;justify-content:center;height:678px}.ms-grid{display:grid;grid-template-columns:repeat(4,var(--ms-card));grid-template-rows:repeat(3,var(--ms-card));gap:var(--ms-gap);margin-top:-350px}.ms-card{background:#fff;border:2px solid #eee;border-radius:14px;width:var(--ms-card);height:var(--ms-card);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#234;box-shadow:0 1px 8px #2221;transition:all .19s;cursor:pointer}.ms-card:hover{background:#e0e8ff;border-color:#2563eb;box-shadow:0 6px 18px #2563eb11}.ms-card__icon{width:70px;height:80px;object-fit:contain;margin-bottom:5px;border-radius:9px;transition:transform .5s cubic-bezier(.36,1.3,.54,.92),width .5s cubic-bezier(.36,1.3,.54,.92),height .5s cubic-bezier(.36,1.3,.54,.92)}.ms-card:hover .ms-card__icon{transform:translateZ(0)}.ms-detail{min-width:535px;min-height:678px;background:transparent;border-radius:14px;margin-top:-380px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative}.ms-right-caption{text-align:center}.ms-imgbox{width:clamp(280px,21vw,420px);aspect-ratio:1/1;display:grid;place-items:center}.ms-img{width:100%;height:100%;object-fit:contain;display:block;border-radius:14px;background:transparent;box-shadow:none;image-rendering:-webkit-optimize-contrast}.ms-steps{max-width:1180px;margin:0 auto;padding:70px 24px 80px}.ms-steps__title{text-align:center;font-size:2.3rem;font-weight:600;margin-bottom:48px}.ms-step{display:flex;align-items:center;justify-content:space-between;gap:48px;margin:120px 0;opacity:0;transform:translateY(32px);transition:opacity 1s cubic-bezier(.55,.12,.26,1.16),transform 1s cubic-bezier(.55,.12,.26,1.16);will-change:opacity,transform}.ms-step.is-on{opacity:1;transform:none}.ms-step.is-reverse{flex-direction:row-reverse}.ms-step__content{flex:1;min-width:0;padding:0 .5rem;display:flex;flex-direction:column}.ms-step__title{font-size:1.37rem;font-weight:600;margin-bottom:16px}.ms-step__desc{font-size:1.07rem;line-height:1.85;color:#212a35;white-space:pre-line;word-break:keep-all}.ms-step__desc.left{text-align:left}.ms-step__desc.right{text-align:right}.ms-step__imgwrap{flex:0 0 270px;min-width:120px;max-width:270px;text-align:center;display:flex;align-items:center;justify-content:center}.ms-step__img{width:100%;max-width:260px;min-width:90px;aspect-ratio:1/1;object-fit:contain;display:block}.HowtoSamplePage .ms-oval-badge{display:block;overflow:visible}.HowtoSamplePage .ms-best,.HowtoSamplePage .ms-better,.HowtoSamplePage .ms-sample{max-width:1100px;margin:0 auto 110px;padding:70px 24px 90px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(32px);transition:opacity 1s cubic-bezier(.55,.12,.26,1.16),transform 1s cubic-bezier(.55,.12,.26,1.16);will-change:opacity,transform}.HowtoSamplePage .ms-best.is-on,.HowtoSamplePage .ms-better.is-on,.HowtoSamplePage .ms-sample.is-on{opacity:1;transform:none}.HowtoSamplePage .ms-sample:before{content:"";position:absolute;inset:0;left:50%;width:100vw;transform:translateX(-50%);background:#f8f9fe;z-index:-1;pointer-events:none}.HowtoSamplePage .ms-sample-mobile{display:none}.HowtoSamplePage .ms-sample-badge-row{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:18px}.HowtoSamplePage .ms-sample-title{margin:32px 0 64px}.HowtoSamplePage .ms-better-title,.HowtoSamplePage .ms-sample-title{font-size:3rem;font-weight:800;letter-spacing:.03em;text-align:center}.HowtoSamplePage .ms-better-title{margin:40px 0 80px}.HowtoSamplePage .ms-better-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(24px,4vw,56px)}.HowtoSamplePage .ms-better-left{display:grid;grid-template-rows:auto 1fr;align-items:start}.HowtoSamplePage .ms-better-text{margin:0 0 28px;text-align:center;color:#1f2937;font-weight:500;line-height:1.7;font-size:1.5rem}.HowtoSamplePage .ms-better-thumb{justify-self:center;align-self:center;width:360px;max-width:100%}.HowtoSamplePage .ms-better-thumb-img{width:100%;height:auto;display:block;object-fit:contain}.HowtoSamplePage .ms-better-arrow{display:flex;align-items:center;justify-content:center}.HowtoSamplePage .ms-better-arrow-svg{width:clamp(28px,3.2vw,34px);height:auto;opacity:.7;margin-right:50px}.HowtoSamplePage .ms-better-right{display:flex;justify-content:flex-start}.HowtoSamplePage .ms-better-doc{width:min(440px,100%);height:auto;display:block;object-fit:contain}.HowtoSamplePage .ms-sample-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(25px,4.2vw,60px);justify-items:center;align-items:flex-start}.HowtoSamplePage .ms-sample-step{text-align:center;padding:4px 6px}.HowtoSamplePage .ms-sample-step-title{margin:0 0 36px;font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.HowtoSamplePage .ms-sample-step-num{display:inline-block;width:1.4em;text-align:right;margin-right:4px}.HowtoSamplePage .ms-sample-step-fig{height:220px;display:flex;align-items:center;justify-content:center}.HowtoSamplePage .ms-sample-img{width:260px;max-width:100%;height:auto;display:block;object-fit:contain}.HowtoSamplePage .ms-sample-step-desc{margin:32px 0 0;font-size:.98rem;line-height:1.8;color:#111827;font-weight:500}.HowtoSamplePage .ms-sample-note{margin:56px auto 0;max-width:720px;font-size:.98rem;line-height:1.9;color:#4b5563}.HowtoSamplePage .ms-best-title{font-size:3rem;font-weight:800;letter-spacing:.03em;margin:40px 0 80px;text-align:center}.HowtoSamplePage .ms-best-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,1fr);align-items:center;column-gap:clamp(23px,1vw,50px)}.HowtoSamplePage .ms-best-text{margin-bottom:28px;margin-right:0;text-align:center;color:#1f2937;font-weight:600;line-height:1.2;font-size:35px;justify-self:flex-start}.HowtoSamplePage .ms-best-text p{margin:4px 0}.HowtoSamplePage .ms-best-figure{display:flex;justify-content:flex-end}.HowtoSamplePage .ms-best-img{width:450px;max-width:100%;height:auto;display:block;object-fit:contain}.HowtoSamplePage .ms-best-note{margin-top:150px;max-width:720px;font-size:.9rem;line-height:1.9;color:#6b7280;text-align:center}.HowtoSamplePage .ms-best-note p{margin:2px 0}.HowtoSamplePage .ms-best-cta{margin-top:24px;display:flex;justify-content:center}.HowtoSamplePage .ms-best-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:999px;border:none;background:#2351f7;color:#fff;font-size:15px;font-weight:600;letter-spacing:-.01em;box-shadow:0 6px 18px rgba(35,81,247,.25);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.HowtoSamplePage .ms-best-cta-btn:focus-visible,.HowtoSamplePage .ms-best-cta-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(35,81,247,.32);outline:none}.HowtoSamplePage .ms-best-cta-btn:active{transform:translateY(0);box-shadow:0 4px 12px rgba(35,81,247,.25)}.HowtoSamplePage .hs-family-panel{position:relative;max-width:1360px;margin:0 auto}.HowtoSamplePage .hs-family-panel--paper{--hs-panel-gradient:linear-gradient(180deg,#f8fbff,#fff);--hs-panel-border:rgba(96,123,255,.18)}.HowtoSamplePage .hs-family-panel--cardboard{--hs-panel-gradient:linear-gradient(180deg,#fffaf3,#fff);--hs-panel-border:rgba(211,167,95,.22)}.HowtoSamplePage .hs-family-topbar-wrap{display:flex;justify-content:flex-start;padding:0 var(--hs-topbar-side-px);margin:0 0 -1px;position:relative;z-index:auto}.HowtoSamplePage .hs-family-topbar{display:inline-flex;align-items:flex-end;gap:0;padding:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;isolation:auto}.HowtoSamplePage .hs-family-top-tab{position:relative;z-index:1;border:1px solid transparent;border-bottom:none;background:transparent;min-width:168px;height:58px;padding:0 22px 14px;border-radius:18px 18px 0 0;font-size:16px;font-weight:700;letter-spacing:-.02em;color:#475569;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s cubic-bezier(.22,.61,.36,1),border-color .18s ease}.HowtoSamplePage .hs-family-top-tab+.hs-family-top-tab{margin-left:var(--hs-tab-overlap-pc)}.HowtoSamplePage .hs-family-top-tab:not(.is-active){background:#eef0f3;color:#626b79;border-color:rgba(15,23,42,.04)}.HowtoSamplePage .hs-family-top-tab:not(.is-active):hover{background:#e7ebf0;color:#4f5866;border-color:rgba(15,23,42,.06)}.HowtoSamplePage .hs-family-top-tab:hover{transform:none}.HowtoSamplePage .hs-family-top-tab.is-active{z-index:2;margin-bottom:-1px;background-image:var(--hs-panel-gradient);background-repeat:no-repeat;background-size:100% calc(100% + var(--hs-gradient-join-offset));background-position:0 0;color:#111827;border-color:var(--hs-panel-border);box-shadow:none}.HowtoSamplePage .hs-family-top-tab.is-active:after{content:"";position:absolute;left:22px;right:22px;bottom:10px;height:4px;border-radius:999px;background:#111827}.HowtoSamplePage .hs-family-top-tab--paper.is-active{color:#15327d}.HowtoSamplePage .hs-family-top-tab--paper.is-active:after{background:#2563eb}.HowtoSamplePage .hs-family-top-tab--cardboard.is-active{color:#74470d}.HowtoSamplePage .hs-family-top-tab--cardboard.is-active:after{background:#c58a1c}.HowtoSamplePage .hs-family-top-tab:disabled{cursor:default}.HowtoSamplePage .hs-family-top-tab:focus-visible{outline:2px solid #e11d48;outline-offset:2px}.HowtoSamplePage .hs-family-shell{position:relative;z-index:20;margin:0;padding:var(--hs-shell-pt) var(--hs-shell-px) var(--hs-shell-pb);border-radius:13px 13px 13px 13px;background-image:var(--hs-panel-gradient);background-repeat:no-repeat;background-size:100% calc(100% + var(--hs-gradient-join-offset));background-position:0 calc(-1 * var(--hs-gradient-join-offset));border:1px solid var(--hs-panel-border);box-shadow:0 18px 42px rgba(15,23,42,.08),inset 0 1px 0 hsla(0,0%,100%,.86)}.HowtoSamplePage .hs-flex-wrap{width:100%;overflow:hidden}@media (min-width:901px){.HowtoSamplePage .hs-grid{padding:0;margin-top:0;gap:16px}.HowtoSamplePage .hs-right{align-self:center;margin-top:0;padding:0;background:transparent;border:none;box-shadow:none}.HowtoSamplePage .hs-right-img{box-shadow:0 16px 40px rgba(0,18,92,.12)}.HowtoSamplePage .hs-family-top-tab{transform:translateY(var(--hs-tab-rest-drop-pc))}.HowtoSamplePage .hs-family-top-tab--paper:not(.is-active){z-index:13}.HowtoSamplePage .hs-family-top-tab--cardboard:not(.is-active){z-index:12}.HowtoSamplePage .hs-family-top-tab:hover:not(.is-active){transform:translateY(var(--hs-tab-hover-drop-pc))}.HowtoSamplePage .hs-family-top-tab.is-active{z-index:30;margin-bottom:-1px;transform:translateY(0);box-shadow:none}}@media (max-width:1440px){:root{--ms-card:140px;--ms-gap:12px}.ms-top{padding:44px 0}.ms-body{gap:44px;height:640px}.ms-hero{font-size:1.9rem;margin-bottom:44px}.ms-card{font-size:.98rem}.ms-detail{min-width:480px;min-height:640px;margin-top:-500px}.ms-steps{padding:56px 0}.ms-step{margin:90px 0;gap:36px}.ms-step__title{font-size:1.2rem}.ms-step__desc{font-size:1rem}.HowtoSamplePage{--hs-gap:16px;--hs-card:110px;--hs-icon:62px;--hs-right:360px;--hs-right-h:500px}.HowtoSamplePage .hs-flex{gap:44px}.HowtoSamplePage .hs-grid{padding:12px}.HowtoSamplePage .hs-title{font-size:13px}}@media (max-width:1200px){.HowtoSamplePage .hs-flex{flex-direction:column;align-items:center;gap:0}.HowtoSamplePage .hs-right{display:none!important}}@media (max-width:900px){.HowtoSamplePage .grid-bg>*{position:relative;z-index:1}.HowtoSamplePage .hs-flex{flex-direction:column;gap:18px;align-items:stretch}.HowtoSamplePage .hs-grid{display:none}.HowtoSamplePage .hs-grid-strip{display:grid;grid-auto-flow:column;grid-auto-columns:var(--hs-mobile-item);gap:10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-snap-type:x proximity;scroll-padding-inline-start:16px;scroll-padding-inline-end:calc(50vw - (var(--hs-mobile-item) / 2) - 16px);padding-left:calc(5px + env(safe-area-inset-left));padding-right:max(calc(50vw - (var(--hs-mobile-item) / 2) - 16px),calc(5px + env(safe-area-inset-right)));padding-top:0;padding-bottom:6px;justify-items:stretch;align-items:start;-ms-overflow-style:none;scrollbar-width:none}.HowtoSamplePage .hs-grid-strip>button{width:100%!important;height:auto!important;display:flex!important;align-items:flex-start;justify-content:center;justify-self:stretch;align-self:start}.HowtoSamplePage .hs-grid-strip .hs-card{width:100%;min-height:var(--hs-mobile-card-minh);height:auto;padding:0;display:grid;grid-template-rows:var(--hs-mobile-circle) auto;row-gap:8px;justify-items:center;align-content:start;background:transparent;border:none;box-shadow:none;border-radius:0}.HowtoSamplePage .hs-grid-strip .hs-card.is-hover{background:transparent;border-color:transparent;box-shadow:none}.HowtoSamplePage .hs-grid-strip .hs-circle{width:var(--hs-mobile-circle);height:var(--hs-mobile-circle);margin:0;border-radius:9999px;background:#fff;box-shadow:0 6px 18px rgba(0,18,92,.08),inset 0 0 0 1px rgba(37,99,235,.08);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.HowtoSamplePage .hs-grid-strip .hs-icon{width:var(--hs-mobile-icon);height:var(--hs-mobile-icon);margin:0;display:block;object-fit:contain;object-position:center center}.HowtoSamplePage .hs-grid-strip .hs-title{width:100%;margin:0;padding:0 2px;font-size:14px;line-height:1.3;text-align:center!important;white-space:pre-line;align-self:start}.HowtoSamplePage .hs-grid-strip::-webkit-scrollbar{display:none}.HowtoSamplePage .hs-grid-strip>button{scroll-snap-align:start}.HowtoSamplePage .hs-right{display:none}.HowtoSamplePage .hs-card{background:transparent;border:none;box-shadow:none;width:var(--hs-card);height:var(--hs-card);padding:6px 2px 10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.HowtoSamplePage .hs-card.is-hover{background:transparent;border-color:transparent;box-shadow:none}.HowtoSamplePage .hs-circle{width:94px;height:94px;aspect-ratio:1/1;box-sizing:border-box;border-radius:9999px;background:hsla(0,0%,100%,.96);border:1.5px solid rgba(148,163,184,.35);box-shadow:0 10px 24px rgba(15,23,42,.18);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;flex:0 0 auto}.HowtoSamplePage .hs-icon{width:58px;height:58px;object-fit:contain;margin-bottom:0;border-radius:9px}.HowtoSamplePage .hs-title{width:100%;margin-top:6px;font-size:14px;line-height:1.3;text-align:center!important;white-space:pre-line}.HowtoSamplePage .HomeSection{min-height:auto}.HowtoSamplePage .ms-steps{padding:40px 0 48px}.ms-top{padding:16px 0}.ms-hero{font-size:clamp(20px,6vw,26px);margin-bottom:16px}.HowtoSamplePage .hs-hero{margin:18px 0 30px}.HowtoSamplePage .hs-hero-line1{font-size:25px;font-weight:800;margin-bottom:4px;color:#01f}.HowtoSamplePage .hs-hero-line2{font-size:25px;font-weight:800;margin-bottom:50px}.ms-body{flex-direction:column;gap:12px;height:auto}.ms-grid{display:none}.ms-detail{min-width:0;min-height:0;width:100%;margin-top:8px;padding:0}.ms-imgbox{width:clamp(220px,70vw,320px)}main.HowtoSamplePage.page-content{padding-left:0!important;padding-right:0!important}.HowtoSamplePage .ms-sample{margin:0 auto 40px;padding:24px 0 40px}.HowtoSamplePage .ms-sample:before{height:740px;bottom:auto}.HowtoSamplePage .ms-steps__title{font-size:24px;font-weight:700;margin:0 0 8px;text-align:center}.HowtoSamplePage .ms-sample-badge-row{margin-top:4px;margin-bottom:4px}.HowtoSamplePage .ms-sample-title{font-size:18px;letter-spacing:.02em;font-weight:600;margin:8px 0 40px;text-align:center}.HowtoSamplePage .ms-sample-steps{display:none}.HowtoSamplePage .ms-sample-mobile{display:block;margin-top:0}.HowtoSamplePage .ms-sample-mobile-inner{position:relative;width:100%;margin:0 auto;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.HowtoSamplePage .ms-sample-mobile-bg{position:absolute;top:0;bottom:25px;left:50%;width:min(340px,100vw);transform:translateX(-50%);background:url(/shapes/good_background_mobile.svg) 50%/contain no-repeat;opacity:.16;pointer-events:none}.HowtoSamplePage .ms-sample-mobile-grid{position:relative;width:min(340px,100vw);margin:50px auto 0;aspect-ratio:1/1}.HowtoSamplePage .ms-sample-icon-grid,.HowtoSamplePage .ms-sample-text-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;align-content:center;gap:155px 75px;box-sizing:border-box}.HowtoSamplePage .ms-sample-icon-grid{margin-bottom:90px}.HowtoSamplePage .ms-sample-text-grid{margin-top:90px}.HowtoSamplePage .ms-sample-mimg{display:block;height:auto}.HowtoSamplePage .ms-sample-mimg-1{width:45px}.HowtoSamplePage .ms-sample-mimg-2{width:105px}.HowtoSamplePage .ms-sample-mimg-3{width:95px}.HowtoSamplePage .ms-sample-mimg-4{width:40px}.HowtoSamplePage .ms-sample-mstep{margin:0;font-size:13px;line-height:1.3;font-weight:400;text-wrap:wrap;white-space:normal;text-align:center}.HowtoSamplePage .ms-sample-mimg-2{transform:translateY(20px)}.HowtoSamplePage .ms-sample-mimg-3{transform:translateX(5px)}.HowtoSamplePage .ms-sample-mimg-4{transform:translateY(-8px)}.HowtoSamplePage .ms-sample-mstep-1,.HowtoSamplePage .ms-sample-mstep-2{font-size:14px}.HowtoSamplePage .ms-sample-mstep-3,.HowtoSamplePage .ms-sample-mstep-4{transform:translateY(20px);font-size:14px}.HowtoSamplePage .ms-better{position:relative}.HowtoSamplePage .ms-better:before{content:"";position:absolute;inset:0;left:50%;width:100vw;transform:translateX(-50%);background:#fff;z-index:-1}.HowtoSamplePage .ms-better{margin:0 auto 40px;padding:24px 0 40px}.HowtoSamplePage .ms-better-title{font-size:24px;margin:24px 0 32px;letter-spacing:.03em;text-align:center}.HowtoSamplePage .ms-better-inner{grid-template-columns:1fr;row-gap:24px;padding-bottom:40px;justify-items:center}.HowtoSamplePage .ms-better-text{display:block;text-align:center;margin:0 auto 16px;white-space:normal;font-size:14px;font-weight:450;line-height:1.6;color:#1f2937}.HowtoSamplePage .ms-better-left{max-width:none;width:100%;justify-items:center}.HowtoSamplePage .ms-better-thumb{width:260px;max-width:100%;margin:0 auto}.HowtoSamplePage .ms-better-arrow{transform:rotate(90deg);margin:0;width:100%;display:flex;align-items:center;justify-content:center}.HowtoSamplePage .ms-better-arrow-svg{margin-right:0}.HowtoSamplePage .ms-better-right{display:flex;justify-content:center;width:100%;max-width:360px;margin:0 auto;overflow:hidden;border-radius:12px}.HowtoSamplePage .ms-better-doc{display:block;margin:0 auto;width:100%;max-width:none;aspect-ratio:5/4;object-fit:cover;object-position:center 50%}.HowtoSamplePage .ms-best{margin:0 auto 40px;padding:40px 16px 48px}.HowtoSamplePage .ms-best-inner,.HowtoSamplePage .ms-best-text{display:none}.HowtoSamplePage .ms-best-mobile{display:flex;flex-direction:column;align-items:center;text-align:center}.HowtoSamplePage .ms-best-title-mobile{font-size:22px;font-weight:800;letter-spacing:.03em;margin:24px 0 8px}.HowtoSamplePage .ms-best-subtitle{margin:0 0 20px;font-size:13px;line-height:1.7;color:#4b5563}.HowtoSamplePage .ms-best-cta{display:flex;justify-content:center;margin-bottom:24px}.HowtoSamplePage .ms-best-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:999px;border:none;background:#2351f7;color:#fff;font-size:14px;font-weight:600;letter-spacing:-.01em;box-shadow:0 6px 18px rgba(35,81,247,.25);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.HowtoSamplePage .ms-best-cta-btn:focus-visible,.HowtoSamplePage .ms-best-cta-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(35,81,247,.32);outline:none}.HowtoSamplePage .ms-best-cta-btn:active{transform:translateY(0);box-shadow:0 4px 12px rgba(35,81,247,.25)}.HowtoSamplePage .ms-best-mobile-figure{display:flex;justify-content:center;width:100%;margin-bottom:8px}.HowtoSamplePage .ms-best-mobile-img{width:320px;max-width:100%;height:auto;display:block;object-fit:contain}.HowtoSamplePage .ms-best-note{margin-top:24px;font-size:12px}.HowtoSamplePage .hs-family-topbar-wrap{padding:0 16px;margin:0 0 -1px;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.HowtoSamplePage .hs-family-topbar-wrap::-webkit-scrollbar{display:none}.HowtoSamplePage .hs-family-topbar{width:max-content;min-width:0}.HowtoSamplePage .hs-family-shell{margin:0 16px;padding:8px 0 4px;border-radius:0 22px 22px 22px;background-image:var(--hs-panel-gradient);background-repeat:no-repeat;background-size:100% calc(100% + var(--hs-gradient-join-offset));background-position:0 calc(-1 * var(--hs-gradient-join-offset));border:1px solid var(--hs-panel-border);box-shadow:0 12px 28px rgba(15,23,42,.06)}.HowtoSamplePage .hs-family-top-tab{appearance:none;-webkit-appearance:none;flex:0 0 auto;min-width:104px;height:48px;padding:0 12px 10px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;box-sizing:border-box;font-size:12px;white-space:nowrap}.HowtoSamplePage .hs-family-top-tab+.hs-family-top-tab{margin-left:-6px}.HowtoSamplePage .hs-family-top-tab.is-active:after{left:16px;right:16px;bottom:8px;height:3px}}