:root{--black: #000;--ink: #04001a;--body: #333;--soft: #f6f7f9;--line: #e2e8f0;--blue: #1677ff;--container: 1280px;--header-h: 64px}*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--ink);background:#fff;font-family:OPPO Sans,OPPOSans,PingFang SC,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{width:100%}body,button,input,textarea,select{font-family:inherit}button,input,textarea,select{font-size:inherit}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}.site-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.page-shell{min-height:100vh;background:#fff}.figma-section{position:relative;padding:64px 0}.figma-section.soft{background:var(--soft)}.section-heading{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:60px;text-align:center}.section-heading h2{margin:0;color:#000;font-size:40px;line-height:1.3;font-weight:700}.section-heading p:not(.outline-en){margin:0;color:#333;font-size:18px;line-height:1.6}.outline-en{color:transparent;font-family:Arial Black,Arial,sans-serif;font-size:32px;font-weight:900;letter-spacing:.02em;line-height:1.2;-webkit-text-stroke:1px rgba(167,176,192,.42);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 28%,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 28%,#000 72%,transparent 100%);opacity:.58;text-transform:uppercase;margin:0}.pill-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 28px;border:1.5px solid #000;border-radius:32px;color:#fff;background:#000;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s ease}.pill-button:hover{transform:translateY(-2px)}.pill-button.outline{color:#000;background:#ffffff1a}.site-header{position:fixed;z-index:100;top:0;right:0;left:0;height:var(--header-h);border-bottom:1px solid rgba(255,255,255,.6);background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.site-header.dark{border-color:#ffffff0f;background:#000000eb}.header-inner{height:100%;display:grid;grid-template-columns:200px 1fr 200px;align-items:center}.brand-link{width:180px;height:36px;display:flex;align-items:center;overflow:hidden}.brand-link img{width:180px;height:auto;filter:invert(1)}.site-header.dark .brand-link img{filter:none}.site-nav{display:flex;align-items:center;justify-content:center;gap:39px}.site-nav a{position:relative;color:#303135;text-decoration:none;font-size:16px;font-weight:500;line-height:20px}.site-header.dark .site-nav a{color:#ffffffd1}.site-nav a:after{content:"";position:absolute;right:0;bottom:-13px;left:0;height:2px;transform:scaleX(0);background:currentColor;transition:transform .2s ease}.site-nav a.active:after,.site-nav a:hover:after{transform:scaleX(1)}.header-cta{justify-self:end;min-height:44px;display:inline-flex;align-items:center;padding:0 20px;border-radius:32px;color:#fff;background:#000;text-decoration:none;font-size:14px;font-weight:600}.site-header.dark .header-cta{color:#000;background:#fff}.menu-button{display:none;width:42px;height:42px;padding:10px;border:0;border-radius:12px;background:#000}.menu-button span{display:block;height:2px;margin:4px 0;background:#fff}.gradient-cta{height:128px;display:flex;align-items:center;justify-content:center;background:url(/assets/imgRectangle34625688-CFszTYnZ.png) center/cover no-repeat}.gradient-cta-button{min-height:70px;display:inline-flex;align-items:center;padding:0 36px;border:1.5px solid rgba(255,255,255,.9);border-radius:66px;color:#fff;background:#ffffff0d;text-decoration:none;font-size:22px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-footer{padding:96px 0 32px;color:#fff;background:#000}.footer-main{display:grid;grid-template-columns:400px 1fr 387px;justify-content:space-between;gap:80px;padding-bottom:48px}.footer-logo{width:120px;height:auto}.footer-about p{margin:24px 0 0;color:#ccd1e5cc;font-size:14px;line-height:1.6}.footer-links,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.footer-links h3,.footer-contact h3{margin:0;color:#fff;font-size:15px}.footer-links a,.footer-contact a,.footer-contact span{color:#ccd1e5;text-decoration:none;font-size:14px;line-height:1.4}.footer-contact a,.footer-contact span{display:flex;align-items:flex-start;gap:8px}.footer-contact img{width:20px;height:20px;flex:0 0 20px}.footer-bottom{display:flex;justify-content:space-between;padding-top:28px;border-top:1px solid rgba(255,255,255,.15);color:#fff9;font-size:12px}.dark-page-hero{position:relative;min-height:355px;display:flex;align-items:center;overflow:hidden;padding-top:var(--header-h);color:#fff;background:#000}.dark-page-hero .site-container{position:relative;z-index:2}.dark-page-hero h1{max-width:700px;margin:0 0 12px;font-size:44px;line-height:1.2}.dark-page-hero p{max-width:650px;margin:0;color:#ffffffbf;font-size:16px;line-height:1.6}.hero-visual-image{position:absolute;z-index:1;right:calc(50% - 640px);bottom:0;height:255px;width:auto;object-fit:contain}.content-loading,.content-empty{min-height:400px;display:grid;place-items:center;color:#7b7f88}.content-error{padding:90px 24px;text-align:center}@media(max-width:980px){.header-inner{grid-template-columns:180px 1fr 170px}.site-nav{gap:20px}.footer-main{grid-template-columns:1fr 1fr}.footer-about{grid-column:1 / -1}}@media(max-width:760px){:root{--header-h: 60px}.site-container{padding-inline:16px}.figma-section{padding:76px 0}.section-heading{margin-bottom:38px}.section-heading h2{font-size:30px}.section-heading p{font-size:15px}.outline-en{font-size:21px}.header-inner{display:flex;justify-content:space-between}.brand-link,.brand-link img{width:145px}.header-cta{display:none}.menu-button{display:block}.site-nav{position:absolute;top:60px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px 20px 22px;background:#fffffffa;box-shadow:0 18px 35px #0000001f}.site-header.dark .site-nav{background:#000000fa}.site-nav.open{display:flex}.site-nav a{padding:13px 0}.site-nav a:after{display:none}.gradient-cta{height:105px}.gradient-cta-button{min-height:54px;padding:0 28px;font-size:17px}.site-footer{padding-top:64px}.footer-main{grid-template-columns:1fr;gap:40px}.footer-about{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.dark-page-hero{min-height:310px}.dark-page-hero h1{font-size:31px}.dark-page-hero p{max-width:70%;font-size:13px}.hero-visual-image{right:-90px;height:190px;opacity:.85}}
