.design-system-platform-section{background-color:#faf9fa}.section-8,.section-8 *{box-sizing:border-box}.section-8{padding:0 0 12.8rem 0;gap:6.4rem;font-family:"Onest",sans-serif;letter-spacing:-0.01em !important}.section-8 .inner-section-8,.section-8 .section-8,.section-8 .section-8-1-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-8 .inner-section-8{background:#fff;border-radius:3.2rem;padding:8rem 8.4rem;gap:4.8rem;max-width:200rem;width:90%;margin:0 auto}.section-8 .section-8-1-head{gap:2.4rem}.section-8 .section-8-1-headline,.section-8 .section-8-1-subtitile{position:relative;width:100%;max-width:120rem}.section-8 .section-8-1-subtitile{color:#666;font-size:2rem;line-height:2.6rem;font-weight:400;letter-spacing:-0.01em}.section-8 .section-8-1-headline{color:#1a1a1a;font-size:4.8rem;line-height:5.4rem;font-weight:700;letter-spacing:-0.01em}.section-8 .section-8-1-cards{display:flex;flex-direction:row;gap:1.6rem;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-8 .section-8-1-column-1{flex-direction:column;gap:1.6rem;justify-content:flex-start;flex:1.2}.section-8 .section-8-1-column-1,.section-8 .section-8-1-column-1-line-1,.section-8 .section-8-1-line-1-card-1{display:flex;align-items:flex-start;align-self:stretch;position:relative}.section-8 .section-8-1-column-1-line-1{flex-direction:row;gap:1.6rem;justify-content:flex-start;flex-shrink:0}.section-8 .section-8-1-line-1-card-1{background:linear-gradient(149.4deg, rgb(90, 117, 255) 0%, rgb(115, 138, 255) 100%);border-radius:2.4rem;padding:3.6rem;flex-direction:column;justify-content:space-between;flex:1}.section-8 .section-8-1-card-1-head,.section-8 .section-8-1-card-1-head-icon{display:flex;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.section-8 .section-8-1-card-1-head{flex-direction:column;gap:3.2rem;align-self:stretch}.section-8 .section-8-1-card-1-head-icon{background:#fff;border-radius:1.6rem;padding:1.6rem;flex-direction:row;gap:0}.section-8 .smart-phone-01{flex-shrink:0;width:3.2rem;height:3.2rem;position:relative;overflow:hidden}.section-8 .elements{width:100%;object-fit:contain}.section-8 .section-8-1-card-1-head-text{display:flex;flex-direction:column;gap:1.6rem;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-8 .div,.section-8 .div2{position:relative;align-self:stretch}.section-8 .div{color:#fafafa;font-size:2.4rem;line-height:2.8rem;font-weight:600;letter-spacing:-0.01em}.section-8 .div2{color:#e6e6e6;font-size:1.6rem;line-height:2.2rem;font-weight:400;letter-spacing:-0.01em}.section-8 .section-8-1-card-1-apps{margin-top:4rem}.section-8 .section-8-1-card-1-apps,.section-8 .section-8-1-card-1-ios{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-8 .section-8-1-card-1-ios{background:rgba(251,251,251,.1);border-radius:1.6rem;padding:2rem;flex-direction:row;gap:1.6rem;align-items:center;backdrop-filter:blur(0.6rem)}.section-8 .apple{flex-shrink:0;width:2.4rem;position:relative;transform-origin:0 0;overflow:hidden}.section-8 .elements2{width:100%;object-fit:contain}.section-8 .i-os{color:#fafafa;font-size:1.6rem;line-height:2.2rem;font-weight:400;letter-spacing:-0.01em;position:relative;flex:1}.section-8 .section-8-1-card-1-android{background:rgba(251,251,251,.1);border-radius:1.6rem;padding:2rem;display:flex;flex-direction:row;gap:1.6rem;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;backdrop-filter:blur(0.6rem)}.section-8 .android{flex-shrink:0;width:2.4rem;position:relative;overflow:hidden}.section-8 .elements3{width:100%;object-fit:contain}.section-8 .android2{color:#fafafa;font-size:1.6rem;line-height:2.2rem;font-weight:400;letter-spacing:-0.01em;position:relative;flex:1}.section-8 .section-8-1-card-2-icon,.section-8 .section-8-1-line-1-card-2{display:flex;align-items:flex-start;justify-content:flex-start;position:relative}.section-8 .section-8-1-line-1-card-2{background:#f7f7f7;border-radius:2.4rem;border-style:solid;border-color:#f4f4f4;border-width:1px;padding:3.6rem;flex-direction:column;gap:2.4rem;align-self:stretch;flex:1}.section-8 .section-8-1-card-2-icon{background:#5a75ff;border-radius:1.6rem;padding:1.6rem;flex-direction:row;gap:0;flex-shrink:0}.section-8 .game{flex-shrink:0;width:3.2rem;height:3.2rem;position:relative;overflow:hidden}.section-8 .elements4{width:100%;object-fit:contain}.section-8 .section-8-1-card-2-text{display:flex;flex-direction:column;gap:1.6rem;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.section-8 .div3{color:#1a1a1a;font-size:2.4rem;line-height:2.8rem;font-weight:600;letter-spacing:-0.01em}.section-8 .div3,.section-8 .div4,.section-8 .section-8-1-card-2-image{align-self:stretch;position:relative}.section-8 .div4{color:#666;font-size:1.6rem;line-height:2.2rem;font-weight:400;letter-spacing:-0.01em}.section-8 .section-8-1-card-2-image{flex-shrink:0;width:100%;object-fit:cover}.section-8 .section-8-1-column-1-line-2{flex-direction:row;gap:1.6rem;align-self:stretch;flex:1}.section-8 .section-8-1-card-3-icon,.section-8 .section-8-1-column-1-line-2,.section-8 .section-8-1-line-2-card-3{display:flex;align-items:flex-start;justify-content:flex-start;position:relative}.section-8 .section-8-1-line-2-card-3{background:#f7f7f7;border-radius:2.4rem;border-style:solid;border-color:#f4f4f4;border-width:1px;padding:3.6rem;flex-direction:column;gap:2.8rem;align-self:stretch;flex:1}.section-8 .section-8-1-card-3-icon{background:#5a75ff;border-radius:1.6rem;padding:1.6rem;flex-direction:row;gap:0;flex-shrink:0}.section-8 .text-creation{flex-shrink:0;width:3.2rem;height:3.2rem;position:relative;overflow:hidden}.section-8 .elements5{width:100%;object-fit:contain}.section-8 .section-8-1-card-3-text{flex-direction:column;gap:1.6rem;align-self:stretch;flex-shrink:0}.section-8 .section-8-1-card-3-text,.section-8 .section-8-1-card-4-icon,.section-8 .section-8-1-line-2-card-4{display:flex;align-items:flex-start;justify-content:flex-start;position:relative}.section-8 .section-8-1-line-2-card-4{background:#f7f7f7;border-radius:2.4rem;border-style:solid;border-color:#f4f4f4;border-width:1px;padding:3.6rem;flex-direction:column;gap:2.8rem;align-self:stretch;flex:1}.section-8 .section-8-1-card-4-icon{background:#5a75ff;border-radius:1.6rem;padding:1.6rem;flex-direction:row;gap:0;flex-shrink:0}.section-8 .comment-add-01{flex-shrink:0;width:3.2rem;height:3.2rem;position:relative;overflow:hidden}.section-8 .elements6{width:100%;object-fit:contain}.section-8 .section-8-1-card-4-text,.section-8 .section-8-1-column-2{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}.section-8 .section-8-1-card-4-text{gap:1.6rem;align-self:stretch;flex-shrink:0}.section-8 .section-8-1-column-2{background:linear-gradient(130.59deg, rgb(251, 223, 100) 0%, rgb(232, 199, 97) 100%);border-radius:2.4rem;padding:3.6rem 3.6rem 0;gap:4.8rem;flex:1;justify-content:flex-end;max-width:86rem;overflow:hidden}.section-8 .section-8-1-column-2-image{position:relative;overflow:hidden;object-fit:cover}.design-system-platform-section.portfolio-platform-section{background-color:#f4f4f4}.section-8.section_8_portfolio .section-8-1-column-1-line-2 .section-8-1-line-1-card-2{display:none}@media screen and (max-width: 4096px){html{font-size:10px}}@media screen and (max-width: 2560px){html{font-size:10px}}@media screen and (max-width: 2520px){html{font-size:10px}}@media screen and (max-width: 2420px){html{font-size:10px}}@media screen and (max-width: 2320px){html{font-size:10px}}@media screen and (max-width: 2220px){html{font-size:9.6px}}@media screen and (max-width: 2120px){html{font-size:9.2px}}@media screen and (max-width: 2020px){html{font-size:9px}}@media screen and (max-width: 1950px){html{font-size:8.9px}}@media screen and (max-width: 1920px){html{font-size:8.6px}}@media screen and (max-width: 1950px){html{font-size:8.4px}}@media screen and (max-width: 1820px){html{font-size:8.1px}}@media screen and (max-width: 1780px){html{font-size:8px}}@media screen and (max-width: 1720px){html{font-size:7.8px}}@media screen and (max-width: 1700px){html{font-size:7.6px}}@media screen and (max-width: 1650px){html{font-size:7.4px}}@media screen and (max-width: 1620px){html{font-size:7.2px}}@media screen and (max-width: 1560px){html{font-size:7px}}@media screen and (max-width: 1520px){html{font-size:7px}}@media screen and (max-width: 1500px){html{font-size:6.6px}}@media screen and (max-width: 1450px){html{font-size:6.4px}}@media screen and (max-width: 1420px){html{font-size:6.3px}}@media screen and (max-width: 1366px){html{font-size:6.1px}}@media screen and (max-width: 1320px){html{font-size:5.6px}}@media screen and (max-width: 1220px){html{font-size:5.1px}}@media screen and (max-width: 1120px){html{font-size:4.7px}}@media screen and (max-width: 1020px){html{font-size:4.5px}}@media screen and (max-width: 980px){html{font-size:4.2px}}@media screen and (max-width: 920px){html{font-size:4px}}@media screen and (max-width: 880px){html{font-size:3.8px}}@media screen and (max-width: 820px){html{font-size:3.6px}}@media screen and (max-width: 798px){html{font-size:3.5px}}@media screen and (max-width: 768px){html{font-size:13px}}@media screen and (max-width: 700px){html{font-size:12px}}@media screen and (max-width: 650px){html{font-size:11px}}@media screen and (max-width: 600px){html{font-size:10.2px}}@media screen and (max-width: 550px){html{font-size:9.3px}}@media screen and (max-width: 500px){html{font-size:11.5px}}@media screen and (max-width: 450px){html{font-size:10.4px}}@media screen and (max-width: 425px){html{font-size:9.8px}}@media screen and (max-width: 400px){html{font-size:9.4px}}@media screen and (max-width: 360px){html{font-size:9.2px}}@media screen and (max-width: 330px){html{font-size:8px}}@media(min-width: 769px)and (max-width: 1920px){.section-8{padding:0 0 13.71rem 0}.section-8 .inner-section-8{padding:9.14rem;gap:6.86rem}.section-8 .section-8-1-subtitile{font-size:2.29rem;line-height:3rem}.section-8 .section-8-1-head{gap:2.29rem}.section-8 .section-8-1-headline{font-size:5.71rem;line-height:6.86rem;max-width:143rem}.section-8 .section-8-1-line-1-card-1,.section-8 .section-8-1-line-1-card-2,.section-8 .section-8-1-line-2-card-3,.section-8 .section-8-1-line-2-card-4{padding:4.57rem}.section-8 .div{font-size:2.57rem;line-height:3.2rem;max-width:95%;font-weight:500}.section-8 .section-8-1-card-1-head{gap:3.42rem}.section-8 .smart-phone-01,.section-8 .game,.section-8 .text-creation,.section-8 .comment-add-01{width:3.43rem;height:3.43rem}.section-8 .section-8-1-card-1-head-icon,.section-8 .section-8-1-card-2-icon,.section-8 .section-8-1-card-3-icon,.section-8 .section-8-1-card-4-icon{padding:2.29rem}.section-8 .section-8-1-card-1-apps{margin-top:2.5rem}.section-8 .div3{font-size:2.57rem;line-height:3rem}.section-8 .div2,.section-8 .div4{font-size:2.14rem;line-height:3rem;font-weight:300}.section-8 .section-8-1-card-2-text,.section-8 .section-8-1-card-3-text,.section-8 .section-8-1-card-4-text{gap:1.7rem}.section-8 .section-8-1-line-1-card-2,.section-8 .section-8-1-line-2-card-3,.section-8 .section-8-1-line-2-card-4{gap:3.42rem}.section-8 .section-8-1-column-2{padding:1.7rem 1.7rem 0}.section-8 .section-8-1-card-1-android,.section-8 .section-8-1-card-1-ios{padding:1.71rem 2.57rem;gap:2.29rem;border-radius:2.29rem}.section-8 .apple,.section-8 .android{width:2.57rem}.section-8 .section-8-1-card-1-apps{gap:1.71rem}.section-8 .i-os,.section-8 .android2{font-size:2rem;line-height:3rem;font-weight:300}.section-8 .section-8-1-column-1-line-1,.section-8 .section-8-1-column-1-line-2,.section-8 .section-8-1-cards,.section-8 .section-8-1-column-1{gap:2.29rem}.section-8.section_8_portfolio .section-8-1-column-2-image{width:100%;margin-left:0}.section-8.section_8_portfolio .section-8-1-column-2{padding:1.7rem 0 0}}@media(min-width: 769px)and (max-width: 1536px){.section-8 .section-8-1-column-1{flex:none;width:49%}.section-8 .section-8-1-column-2{flex:none;max-width:88.5rem}.section-8 .section-8-1-column-2-image{width:95%;margin-left:2.14rem}.section-8 .section-8-1-card-1-apps{margin-top:3.43rem}}@media all and (max-width: 768px){.section-8{padding:0 0 6.5rem 0}.section-8 .inner-section-8{padding:3.2rem 2.1rem;gap:2.3rem;width:100%}.section-8 .section-8-1-subtitile{font-size:1.7rem;line-height:2.1rem}.section-8 .section-8-1-head{gap:1.3rem}.section-8 .section-8-1-headline{font-size:2.7rem;line-height:3.1rem}.section-8 .section-8-1-column-1-line-1,.section-8 .section-8-1-column-1-line-2{flex-direction:column}.section-8 .section-8-1-cards{flex-direction:column}.section-8 .section-8-1-line-1-card-1,.section-8 .section-8-1-line-1-card-2,.section-8 .section-8-1-line-2-card-3,.section-8 .section-8-1-line-2-card-4{padding:2.5rem 2.1rem}.section-8 .div{font-size:1.9rem;line-height:2.1rem}.section-8 .section-8-1-card-1-head{gap:2.1rem}.section-8 .smart-phone-01,.section-8 .game,.section-8 .text-creation,.section-8 .comment-add-01{width:2.5rem;height:2.5rem}.section-8 .section-8-1-card-1-head-icon,.section-8 .section-8-1-card-2-icon,.section-8 .section-8-1-card-3-icon,.section-8 .section-8-1-card-4-icon{padding:1.3rem}.section-8 .section-8-1-card-1-apps{margin-top:2.5rem}.section-8 .div3{font-size:1.9rem;line-height:2.3rem}.section-8 .section-8-1-card-2-text,.section-8 .section-8-1-card-3-text,.section-8 .section-8-1-card-4-text{gap:1.3rem}.section-8 .section-8-1-line-1-card-2,.section-8 .section-8-1-line-2-card-3,.section-8 .section-8-1-line-2-card-4{gap:2.1rem}.section-8 .section-8-1-column-2{padding:1.7rem 1.7rem 0}.section-8.section_8_portfolio .section-8-1-column-1-line-2 .section-8-1-line-1-card-2{display:flex}.section-8.section_8_portfolio .section-8-1-column-1-line-1 .section-8-1-line-1-card-2{display:none}.section-8.section_8_portfolio .section-8-1-column-1{flex-direction:column-reverse}.section-8.section_8_portfolio .section-8-1-column-1-line-2{flex-direction:row;justify-content:space-between;flex-wrap:nowrap;overflow-x:scroll;width:105%;margin-right:-5%;gap:1.28rem;overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none}.section-8.section_8_portfolio .section-8-1-line-2-card-3,.section-8.section_8_portfolio .section-8-1-line-2-card-4,.section-8.section_8_portfolio .section-8-1-column-1-line-2 .section-8-1-line-1-card-2{min-width:82vw}.section-8.section_8_portfolio .inner-section-8{padding:3.2rem 0}.section-8.section_8_portfolio .section-8-1-head{padding:0 5%}.section-8.section_8_portfolio .section-8-1-column-1-line-1{width:90%;margin:0 5%}.section-8.section_8_portfolio .section-8-1-column-2{margin:0 5%}.section-8.section_8_portfolio .section-8-1-line-2-card-3{margin-left:5%}.section-8.section_8_portfolio .section-8-1-line-1-card-2{margin-right:10%}}/*# sourceMappingURL=design-system-platform.css.map */